新浪博客代码.docx

新浪博客代码.docx

《新浪博客代码.docx》由会员分享，可在线阅读，更多相关《新浪博客代码.docx（15页珍藏版）》请在冰豆网上搜索。

新浪博客代码

新浪博客代码.txt19“明”可理解成两个月亮坐在天空，相互关怀，相互照亮，缺一不可，那源源不断的光芒是连接彼此的纽带和桥梁！

人间的长旅充满了多少凄冷孤苦，没有朋友的人是生活的黑暗中的人，没有朋友的人是真正的孤儿。

1、大背景：

尺寸不限，但图案最好不要太大太复杂（1024PX最好）

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,图案最好不要太大太复杂

第一：

博客模版宽度扩展

满屏式扩展：

.bodyTop{width:

1005px;}

.bodyBg{width:

1005px;}

.bodyBottom{width:

1005px;}

.menu{width:

1005px;}

.feeds.itemBoxtable{width:

775px;}

.feeds.text{width:

745px;}

.label{width:

220px;}

.photo{width:

220px;}

.callboard{width:

220px;}

.links{width:

220px;}

.calendar{width:

220px;}

.sysBr180{width:

220px;}

比较合适的一个：

.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;}

：

）代码说明——

.bodyTop指的是页面顶部的宽度，控制了banner（就是题图）的宽度

.bodyBg指的是整个页面的宽度，其值最好与上者相同（也可以自行变化）

.bodyBottom指的是页面底部的宽度，其值最好是与上面相同

.menu指的是菜单处的款度，其值最好是与上面相同

.feeds.itemBoxtable指的是“发表文章”、“文章发表时间”及“固定链接、评论（0）、引用、阅读（0）、编辑”等处的宽度，其值应该比文章部分的宽度稍大

.feeds.text指的是正文部分的宽度（也就是文章部分的宽度）

.label指的是面板的宽度（其值加正文宽度的值应略小于整页的宽度）

.photo指的是形象照片面板的宽度（同上）

.callboard指的是公告栏的宽度（同上）

.links面板（也即最新留言、最新评论等面板）宽度（同上）

.calendar日历的宽度（同上）第二：

模版背景图片更换

更换整体页面背景的源代码：

body

{background:

url（博客整体页面背景图片）repeat

scroll!

important;}

更换页面题图logo图片的源代码：

.logo

{background:

url（博客最上方题图logo图片）no

repeatnoscroll!

mportant;}

更换页面横幅题图的源代码：

.banner

{background:

url（横幅题图大图）no

repeatnoscroll!

mportant;}

更换页面横幅题图下面的菜单图片的源代码：

.menu{

background:

url（"题图下的长条菜单图片"）no-

repeatcenter;}

更换页面文章标题栏上翻时的图片的源代码：

.feeds.up{

background:

url（"文章标题栏上翻时的图片"）no-

repeatcenter;}

更换页面文章标题栏下翻时的图片的源代码：

.feeds.down{

background:

url（"文章标题栏下翻时的图片"）no-

repeatcenter;}

更换页面文章结尾处评论阅读菜单栏的图片的源代码：

.feeds.function{

background:

url（"文章结尾处评论阅读菜单栏的图片"）no-

repeatright;}

更换页面空白面板标题栏上翻时图片的源代码：

.links.up{

background:

url（"空白面板标题栏上翻时图片"）;}

更换页面空白面板标题栏下翻时图片的源代码：

.links.down{

background:

url（空白面板标题栏下翻时的图片）;}

更换页面空白面板的背景图片的源代码：

.links.mid{

background:

url（空白面板的背景图片）;}

更换页面形象照片处的背景图片的源代码：

.photo.mid{

background:

url（形象照片处的背景图片）;}

更换页面自定义空白面板背景图片的源代码：

.label.mid{

background:

url（自定义空白面板的背景图片）;}

更换页面日历面板的背景图片的源代码：

.calendar.mid{

background:

url（"日历面板的背景图片"）;}

更换页面公告栏标题栏上翻时图片的源代码：

.callboard.up{

background:

url（"公告栏标题栏上翻时图片"）;}

更换页面公告栏标题栏下翻时图片的源代码：

.callboard.down{

background:

url（"公告栏标题栏下翻时图片"）;}

更换页面公告栏的背景图片的源代码：

.callboard.mid{

background:

url（"公告栏的背景图片"）;}

更换页面正文背景图片的源代码：

.bodyBg{

background:

url（"正文背景图片"）;}

更换页面正文背景图片的源代码：

.bodyBottom{

background:

url（"正文背景图片"）;}

更换页面正文文章页数图片的源代码：

.feeds.page{

background:

url（"正文文章页数图片"）no-repeatcenter;}

更换页面留言板标题栏上翻时的图片的源代码：

.gbook.up{

background:

url（'留言板标题栏上翻时的图片'）no-repeat;}

更换页面留言板标题栏下翻时的图片的源代码：

.gbook.down{

background:

url（'留言板标题栏下翻时的图片'）no-repeat;}

第三：

隐藏各部位模块

：

）去掉新浪LOGO标识