加载中…
12款特色主题模板套装（转灵儿）
(2006-05-25 09:55:07)| 分类： 社会热点类天生材必有用 |
这是灵儿做的12套模板.卡通插画系列3套,手绘插画系列5套,自然梦境系列4套.有4套有LOGO.都是用自己收藏的图片和素材做的.
因为这几天娃娃和七七都说想换模板但是找不到合适的图片,不少朋友也说了也想设计个性主页.可是只回答代码有什么用呢?给JX解释了三次到现在她还是没做出来. 不如我做好现成的给朋友们套代码方便多了.
而且放在可以这里什么时候高兴什么时候换,每次都会有涣然一新的感觉⌒.⌒
直接复制下面的代码到面板里就可以用了.喜欢哪个就留个言吧^^ .
(点击图片可看大图)
一.粉红童话
<STYLE
type=text/css>
body
{background:url(http://s3.sinaimg.cn/orignal/48e5c6a60faacfa5d4032) repeat scroll!important;}
.banner
{background:url(http://s15.sinaimg.cn/orignal/48e5c6a6db1088773269e) no
repeat no scroll!mportant;}
</STYLE>
body
{background:url(http://s3.sinaimg.cn/orignal/48e5c6a60faacfa5d4032) repeat scroll!important;}
.banner
{background:url(http://s15.sinaimg.cn/orignal/48e5c6a6db1088773269e) no
repeat no scroll!mportant;}
</STYLE>
二.餐会
<STYLE
type=text/css>
body
{background:url(http://s15.sinaimg.cn/orignal/48e5c6a628c9fba03a61e repeat scroll!important;}
.banner
{background:url(http://s1.sinaimg.cn/orignal/48e5c6a6dbd3e17418440) no
repeat no scroll!mportant;}
</STYLE>
body
{background:url(http://s15.sinaimg.cn/orignal/48e5c6a628c9fba03a61e repeat scroll!important;}
.banner
{background:url(http://s1.sinaimg.cn/orignal/48e5c6a6dbd3e17418440) no
repeat no scroll!mportant;}
</STYLE>
三.漫游云朵
<STYLE
type=text/css>
body
{background:url(http://s13.sinaimg.cn/orignal/48e5c6a68c703f52b004c) repeat scroll!important;}
.banner
{background:url(http://s10.sinaimg.cn/orignal/48e5c6a68bb03001f8689) no
repeat no scroll!mportant;}
</STYLE>
body
{background:url(http://s13.sinaimg.cn/orignal/48e5c6a68c703f52b004c) repeat scroll!important;}
.banner
{background:url(http://s10.sinaimg.cn/orignal/48e5c6a68bb03001f8689) no
repeat no scroll!mportant;}
</STYLE>
四.梦幻月夜
<STYLE
type=text/css>
body
{background:url(http://s4.sinaimg.cn/orignal/48e5c6a6cf0a9352959f3) repeat scroll!important;}
.banner
{background:url(http://s12.sinaimg.cn/orignal/48e5c6a6d17fe0077402b) no
repeat no scroll!mportant;}
</STYLE>
body
{background:url(http://s4.sinaimg.cn/orignal/48e5c6a6cf0a9352959f3) repeat scroll!important;}
.banner
{background:url(http://s12.sinaimg.cn/orignal/48e5c6a6d17fe0077402b) no
repeat no scroll!mportant;}
</STYLE>
五.蓝色河畔
<STYLE
type=text/css>
body
{background:url(http://s7.sinaimg.cn/orignal/48e5c6a62289f6d7d5646) repeat scroll!important;}
.banner
{background:url(http://s14.sinaimg.cn/orignal/48e5c6a6e13aab093256d) no
repeat no scroll!mportant;}
</STYLE>
body
{background:url(http://s7.sinaimg.cn/orignal/48e5c6a62289f6d7d5646) repeat scroll!important;}
.banner
{background:url(http://s14.sinaimg.cn/orignal/48e5c6a6e13aab093256d) no
repeat no scroll!mportant;}
</STYLE>
六.金色钟塔
<STYLE
type=text/css>
body
{background:url(http://s4.sinaimg.cn/orignal/48e5c6a606c01e28b9e83) repeat scroll!important;}
.banner
{background:url(http://s3.sinaimg.cn/orignal/48e5c6a6120f572537c12) no
repeat no scroll!mportant;}
</STYLE>
body
{background:url(http://s4.sinaimg.cn/orignal/48e5c6a606c01e28b9e83) repeat scroll!important;}
.banner
{background:url(http://s3.sinaimg.cn/orignal/48e5c6a6120f572537c12) no
repeat no scroll!mportant;}
</STYLE>
七.山谷暖灯
<STYLE
type=text/css>
body
{background:url(http://s8.sinaimg.cn/orignal/48e5c6a610f30cbc613e7) repeat scroll!important;}
.banner
{background:url(http://s14.sinaimg.cn/orignal/48e5c6a627e0e7009975d) no
repeat no scroll!mportant;}
</STYLE>
body
{background:url(http://s8.sinaimg.cn/orignal/48e5c6a610f30cbc613e7) repeat scroll!important;}
.banner
{background:url(http://s14.sinaimg.cn/orignal/48e5c6a627e0e7009975d) no
repeat no scroll!mportant;}
</STYLE>
八.幻彩游乐
<STYLE
type=text/css>
body
{background:url(http://s7.sinaimg.cn/orignal/48e5c6a62289f6d7d5646) repeat scroll!important;}
.banner
{background:url(http://s11.sinaimg.cn/orignal/48e5c6a61cbd90fc98faa) no
repeat no scroll!mportant;}
</STYLE>
body
{background:url(http://s7.sinaimg.cn/orignal/48e5c6a62289f6d7d5646) repeat scroll!important;}
.banner
{background:url(http://s11.sinaimg.cn/orignal/48e5c6a61cbd90fc98faa) no
repeat no scroll!mportant;}
</STYLE>
九.梦境之天空
<STYLE
type=text/css>
body
{background:url(http://s5.sinaimg.cn/orignal/48e5c6a6f5fdf8ed50924) repeat scroll!important;}
.banner
{background:url(http://s10.sinaimg.cn/orignal/48e5c6a6e150600a0c859) no
repeat no scroll!mportant;}
.logo
{background:url(http://s11.sinaimg.cn/orignal/48e5c6a65f5c62b2d0b4a) no
repeat no scroll!mportant;}
</STYLE>
body
{background:url(http://s5.sinaimg.cn/orignal/48e5c6a6f5fdf8ed50924) repeat scroll!important;}
.banner
{background:url(http://s10.sinaimg.cn/orignal/48e5c6a6e150600a0c859) no
repeat no scroll!mportant;}
.logo
{background:url(http://s11.sinaimg.cn/orignal/48e5c6a65f5c62b2d0b4a) no
repeat no scroll!mportant;}
</STYLE>
十.梦境之花丛
<STYLE
type=text/css>
body {background:url(http://s4.sinaimg.cn/orignal/48e5c6a6cf0a9352959f3) repeat scroll!important;}
.banner {background:url(http://s16.sinaimg.cn/orignal/48e5c6a6cbc609605989f) no
repeat no scroll!mportant;}
.logo
{background:url(http://s10.sinaimg.cn/orignal/48e5c6a6e4236a9a7cf19) no
repeat no scroll!mportant;}
</STYLE>
body {background:url(http://s4.sinaimg.cn/orignal/48e5c6a6cf0a9352959f3) repeat scroll!important;}
.banner {background:url(http://s16.sinaimg.cn/orignal/48e5c6a6cbc609605989f) no
repeat no scroll!mportant;}
.logo
{background:url(http://s10.sinaimg.cn/orignal/48e5c6a6e4236a9a7cf19) no
repeat no scroll!mportant;}
</STYLE>
十一.梦境之森
<STYLE
type=text/css>
body
{background:url(http://s14.sinaimg.cn/orignal/48e5c6a680a8fe06f688d) repeat scroll!important;}
.banner
{background:url(http://s15.sinaimg.cn/orignal/48e5c6a629b27cc24ae6e) no
repeat no scroll!mportant;}
.logo
{background:url(http://s9.sinaimg.cn/orignal/48e5c6a66ab378b163fb8) no
repeat no scroll!mportant;}
</STYLE>
body
{background:url(http://s14.sinaimg.cn/orignal/48e5c6a680a8fe06f688d) repeat scroll!important;}
.banner
{background:url(http://s15.sinaimg.cn/orignal/48e5c6a629b27cc24ae6e) no
repeat no scroll!mportant;}
.logo
{background:url(http://s9.sinaimg.cn/orignal/48e5c6a66ab378b163fb8) no
repeat no scroll!mportant;}
</STYLE>
十二.梦境之珊瑚海
<STYLE
type=text/css>
body
{background:url(http://s2.sinaimg.cn/orignal/48e5c6a6cb66cdd58ada1) repeat scroll!important;}
.banner
{background:url(http://s11.sinaimg.cn/orignal/48e5c6a6f611d16258e4a) no
repeat no scroll!mportant;}
.logo
{background:url(http://s11.sinaimg.cn/orignal/48e5c6a6268a40d70751a) no
repeat no scroll!mportant;}
</STYLE>
body
{background:url(http://s2.sinaimg.cn/orignal/48e5c6a6cb66cdd58ada1) repeat scroll!important;}
.banner
{background:url(http://s11.sinaimg.cn/orignal/48e5c6a6f611d16258e4a) no
repeat no scroll!mportant;}
.logo
{background:url(http://s11.sinaimg.cn/orignal/48e5c6a6268a40d70751a) no
repeat no scroll!mportant;}
</STYLE>
灵儿的旁白：
1.将url后面括号中的地址换成自己想要的图片地址。为了和新浪链接同步，图片最好上传到BLOG里。想换哪里的图片就用相应的代码。
2.鉴于css语法的特殊性，代码添加进新的空白面板时要在面板正文部分打上字或者符号。或者加到原来已有的面板中去。
3.关于主要模板尺寸：我自己量的是：
logo（最上面写SINA
BLOG那一白色小条）：770*40
banner（横幅大图）：770*135
menu（个人首页/搜索/帮助/退出的菜单）：770*30
可以先裁出770*205的一整张图片再逐步剪裁。这样更美观协调。
长度大于770没有关系，系统会自动调整。
长度小于770会有连续排的效果。比如上传长度为250的图片，将横排三次这张图，还多出一条长20的像素图。
4.body部分最好不要用一整张壁纸。因为一张壁纸长度只和屏幕一样，当下拉页面时，多数会出现连续横排效果，就像被分割成一块一块的一样。
即使壁纸花色完全一致，也会由于图片太大占很大的内存空间，BLOG打开速度会明显变慢。
所以最好的方法是去下载网站上的背景素材。只有方块大小就可铺满整个页面了。
范例：
喜欢
0
赠金笔