新浪博客代码.docVIP

1、大背景：尺寸不限，但图案最好不要太大太复杂( 1024 PX 最好 ) 2、页眉背景：尺寸为770*40px（px为像素单位），图案自己选 3、标题背景：尺寸为770*135px,这是你的博客最个性的图片 4、菜单栏背景：尺寸为770*30px，图案最好不要太大太复杂 5、形象照片：尺寸最好为180*200px,但高度可以大于200px 6、小标题背景：尺寸不限，但图案最好不要太大太复杂 7、小标题栏：尺寸为210*34px,图案最好不要太大太复杂 8、文章标题：尺寸为550*28px,图案最好不要太大太复杂 9、文章背景：尺寸不限，但图案最好不要太大太复杂 10、文章评论背景：尺寸为550*28px,图案最好不要太大太复杂 11、页脚背景：尺寸为770*40px, 图案最好不要太大太复杂 第一：博客模版宽度扩展 满屏式扩展： STYLE type=text/css .bodyTop{width:1005px;} .bodyBg{width:1005px;} .bodyBottom{width:1005px;} .menu{width:1005px;} .feeds .itemBox table{width:775px;} .feeds .text{width:745px;} .label{width:220px;} .photo{width:220px;} .callboard{width:220px;} .links{width:220px;} .calendar{width:220px;} .sysBr180{width:220px;} /STYLE 比较合适的一个： STYLE type=text/css .bodyTop{width:900px;} .bodyBg{width:900px;} .bodyBottom{width:900px;} .feeds .text{width:660px;} .label{width:200px;} .photo{width:200px;} .callboard{width:200px;} .links{width:200px;} .calendar{width:200px;} .sysBr180{width:200px;} /STYLE：）代码说明—— .bodyTop 指的是页面顶部的宽度，控制了 banner（就是题图）的宽度 .bodyBg 指的是整个页面的宽度，其值最好与上者相同（也可以自行变化） .bodyBottom 指的是页面底部的宽度，其值最好是与上面相同 .menu指的是菜单处的款度，其值最好是与上面相同 .feeds .itemBox table指的是“发表文章”、“文章发表时间”及“固定链接、评论(0)、引用、阅读(0)、编辑”等处的宽度，其值应该比文章部分的宽度稍大 .feeds .text 指的是正文部分的宽度（也就是文章部分的宽度） .label 指的是面板的宽度（其值加正文宽度的值应略小于整页的宽度） .photo 指的是形象照片面板的宽度（同上） .callboard 指的是公告栏的宽度（同上） .links 面板（也即最新留言、最新评论等面板）宽度（同上） .calendar 日历的宽度（同上）第二：模版背景图片更换 更换整体页面背景的源代码： STYLE type=text/css body {background:url(博客整体页面背景图片) repeat scroll!important;} /STYLE更换页面题图logo图片的源代码： STYLE type=text/css .logo {background:url(博客最上方题图logo图片) no repeat no scroll!mportant;} /STYLE更换页面横幅题图的源代码： STYLE type=text/css .banner {background:url(横幅题图大图) no repeat no scroll!mportant;} /STYLE更换页面横幅题图下面的菜单图片的源代码： STYLE type=text/css .menu{ background:url(题图下的长条菜单图片) no- repeat center;} /STYLE更换页面文章标题栏上翻时的图片的源代码： STYLE type=text/css .feeds .up{ background:url(文章标题栏上翻时的图片) no- repeat center;} /STYLE更换页面文章标题栏下翻时的图片的源代码： STYLE type=text/css .feeds .down{ background:url(文章标题栏下翻时的图片) no- repeat center;