新浪博客代码.docx

1、新浪博客代码新浪博客代码.txt19“明”可理解成两个月亮坐在天空，相互关怀，相互照亮，缺一不可，那源源不断的光芒是连接彼此的纽带和桥梁！人间的长旅充满了多少凄冷 孤苦，没有朋友的人是生活的黑暗中的人，没有朋友的人是真正的孤儿。 1、大背景：尺寸不限，但图案最好不要太大太复杂( 1024 PX 最好 )2、页眉背景：尺寸为770*40px（px为像素单位），图案自己选3、标题背景：尺寸为770*135px,这是你的博客最个性的图片4、菜单栏背景：尺寸为770*30px，图案最好不要太大太复杂5、形象照片：尺寸最好为180*200px,但高度可以大于200px6、小标题背景：尺寸不限，但图案最好

2、不要太大太复杂7、小标题栏：尺寸为210*34px,图案最好不要太大太复杂8、文章标题：尺寸为550*28px,图案最好不要太大太复杂9、文章背景：尺寸不限，但图案最好不要太大太复杂10、文章评论背景：尺寸为550*28px,图案最好不要太大太复杂11、页脚背景：尺寸为770*40px, 图案最好不要太大太复杂第一：博客模版宽度扩展满屏式扩展：.bodyTopwidth:1005px;.bodyBgwidth:1005px;.bodyBottomwidth:1005px;.menuwidth:1005px;.feeds .itemBox tablewidth:775px;.feeds .tex

3、twidth:745px;.labelwidth:220px;.photowidth:220px;.callboardwidth:220px;.linkswidth:220px;.calendarwidth:220px;.sysBr180width:220px;比较合适的一个：.bodyTopwidth:900px;.bodyBgwidth:900px;.bodyBottomwidth:900px;.feeds .textwidth:660px;.labelwidth:200px;.photowidth:200px;.callboardwidth:200px;.linkswidth:200px

4、;.calendarwidth:200px;.sysBr180width:200px;：）代码说明.bodyTop 指的是页面顶部的宽度，控制了 banner（就是题图）的宽度.bodyBg 指的是整个页面的宽度，其值最好与上者相同（也可以自行变化）.bodyBottom 指的是页面底部的宽度，其值最好是与上面相同.menu指的是菜单处的款度，其值最好是与上面相同.feeds .itemBox table指的是“发表文章”、“文章发表时间”及“固定链接、评论(0)、引用、阅读(0)、编辑”等处的宽度，其值应该比文章部分的宽度稍大.feeds .text 指的是正文部分的宽度（也就是文章部分的宽

5、度）.label 指的是面板的宽度（其值加正文宽度的值应略小于整页的宽度）.photo 指的是形象照片面板的宽度（同上）.callboard 指的是公告栏的宽度（同上）.links 面板（也即最新留言、最新评论等面板）宽度（同上）.calendar 日历的宽度（同上）第二：模版背景图片更换更换整体页面背景的源代码：bodybackground:url(博客整体页面背景图片) repeatscroll!important;更换页面题图logo图片的源代码：.logobackground:url(博客最上方题图logo图片) norepeat no scroll!mportant;更换页面横幅题图

6、的源代码：.bannerbackground:url(横幅题图大图) norepeat no scroll!mportant;更换页面横幅题图下面的菜单图片的源代码：.menubackground:url(题图下的长条菜单图片) no-repeat center;更换页面文章标题栏上翻时的图片的源代码：.feeds .upbackground:url(文章标题栏上翻时的图片) no-repeat center;更换页面文章标题栏下翻时的图片的源代码：.feeds .downbackground:url(文章标题栏下翻时的图片) no-repeat center;更换页面文章结尾处评论阅读菜单栏

7、的图片的源代码：.feeds .functionbackground:url(文章结尾处评论阅读菜单栏的图片) no-repeat right;更换页面空白面板标题栏上翻时图片的源代码：.links .upbackground:url(空白面板标题栏上翻时图片);更换页面空白面板标题栏下翻时图片的源代码：.links .downbackground:url(空白面板标题栏下翻时的图片);更换页面空白面板的背景图片的源代码：.links .midbackground:url(空白面板的背景图片);更换页面形象照片处的背景图片的源代码：.photo .midbackground:url(形象照片处

8、的背景图片);更换页面自定义空白面板背景图片的源代码：.label .midbackground:url(自定义空白面板的背景图片);更换页面日历面板的背景图片的源代码：.calendar .midbackground:url(日历面板的背景图片);更换页面公告栏标题栏上翻时图片的源代码：.callboard .upbackground:url(公告栏标题栏上翻时图片);更换页面公告栏标题栏下翻时图片的源代码：.callboard .downbackground:url(公告栏标题栏下翻时图片);更换页面公告栏的背景图片的源代码：.callboard .midbackground:url(公告

9、栏的背景图片);更换页面正文背景图片的源代码：.bodyBgbackground:url(正文背景图片);更换页面正文背景图片的源代码：.bodyBottombackground:url(正文背景图片);更换页面正文文章页数图片的源代码：.feeds .pagebackground:url(正文文章页数图片) no-repeat center;更换页面留言板标题栏上翻时的图片的源代码：.gbook .upbackground:url(留言板标题栏上翻时的图片) no-repeat;更换页面留言板标题栏下翻时的图片的源代码：.gbook .downbackground:url(留言板标题栏下翻时

10、的图片) no-repeat;第三：隐藏各部位模块：）去掉新浪LOGO标识  .logodisplay:none; ：）移除横幅  .bannerdisplay:none; ：）去掉横幅里博客名称 .banner .link td display:none; ：）去掉横幅里博客地址，复制与收藏本页 .banner .link td display:none; ：）去掉菜单导航栏里的HOME .menu .home adisplay:none;：）隐藏导航栏里“登录”“搜索”“帮助”等 .menu .text display:none;

11、 ：）隐藏形象照片下的标签文字 .photo .infoText a display:none; ：）隐藏首页正文标题 .add a display:none; 发现错误!？ .feeds .title a display:none; ：）隐藏“活力地带” .links td a display:none; ：）隐藏所有新浪模板 （：除公告外 .links .text display:none; ：）隐藏“发表文章” .add a display:none; ：）隐藏“文章的发表时间” .feeds .time displa

12、y:none; ：）隐藏正文在首页上的显示 .feeds .text display:none; ：）隐藏公告栏的“我的公告栏”标签 .callboard .title display:none;：）隐藏首页上正文下，“查看原文” .feeds .text a display:none; ：）“隐藏正文下的阅读评论引用”栏 .feeds .function a display:none; .feeds .function td display:none; ：）隐藏首页底部“页码数目” .feeds .page a display:none; ：

13、）隐藏博客的计数器 #labelFM000014display:none;：）隐藏订阅RSS阅读器 #labelFM000011display:none;：）隐藏界面底部“新浪博客的版权申明”等  .footdisplay:none; ：）隐藏整个博客，需要密码才可查看：）隐藏首页，精华，圈子，美图 .bodyTop display:none; 第四：改变各模块字体以及字体大小颜色：）修改博客标题的代码：.banner .title tdfont-size:36px;.banner .title tdFILTER: glow(color=#000000,

14、direction=2);.banner .title tdcolor:#ffff66;.banner tablebackground:#transparent;filter:alpha(opacity=85);border:0px solid #000;.banner .title tdbackground:urlfont-family:隶书; no-repeat center;36px为标题文字的字体大小.#000000表示文字发光的颜色，direction=2表示发光效果的强弱，数据自己试.banner .title tdcolor:#ffff66;表示标题文字的主颜色banner ta

15、blebackground:#transparent; filter:alpha(opacity=85); border:0px solid #000;这个是文字及其外框的设置：background:后面的值为标题外框的颜色效果；opacity=85是表示文字的透明度，值越小越透明；border:0px表示外框线条的粗细，数值越大边框线条越粗，数值设为0表示边框隐藏。banner .title tdbackground:urlfont-family:隶书; no-repeat center;可以自己改字体.：）更改博客名称的位置.banner .titlemargin-left:10px;ma

16、rgin-top:10px;font-weight:bold;.banner .link MARGIN-TOP: 0px;MARGIN-LEFT: 10px说明：.banner .title 是标题的位置.left：是标题距页面左边的距离.top：为标题据顶部的距离.可自行调节代码中的数值.banner .link 指的是下面的菜单栏里“复制收藏”blog地址的位置.自行调节.：） 更改首页横幅上的博客标题颜色： .banner .title tdcolor:#000000; 更改首页横幅上的博客地址颜色： .banner .link tdcolor:#000000; 改变

17、横幅下菜单文字颜色： .menu .textcolor:#000000; 隐藏横幅下HOME文字： .menu .home acolor:#000000; 更改形象照片下名字的颜色： .photo .infoText a color:#000000; 更改公告栏标题文字颜色： .callboard .title color:#000000; 更改所有模板标题文字的颜色：（不包括公告） .links .text color:#000000; 更改活力地带，文章分类，文章列表，链接文字，评论和留言人的名字颜色 .links td a co

18、lor:#000000; 更改发表文章四个字的颜色： .add a color:#000000; 更改文章首页显示文字的颜色： .feeds .text color:#000000; 更改查看原文的颜色： .feeds .text a color:#000000; 更改首页文章标题的颜色： .feeds .title a color:#000000; 更改首页文章下的正文阅读处文字颜色： .feeds .function a color:#000000; .feeds .function td display:none; 更改首页底部翻页文字的

19、颜色： 下面是有关标题字体颜色的修改：）.menu acolor:#ff0000;.links .textcolor:#ff0000;.callboard .titlecolor:#ff0000;.links .desccolor:#ff0000;.feeds .textcolor:#ff0000;.links td acolor:#ff0000;.feeds .title acolor:#ff0000;.feeds .timecolor:#ff0000;.banner .link acolor:#ff0000;.photo .infoText acolor:#ff0000;.fee

20、ds .function acolor:#ff0000;.feeds .page acolor:#ff0000;.feeds .page spancolor:#ff0000;.add acolor: #ff0000;.foot p a,.foot center acolor:#ff0000;.footcolor:#ff0000;第五：固定页面背景底图body background:url(页面大背景图片地址) repeat fixed!important;第六：博客透明处理：）让新浪博客整体背景变的透明：bodybackground:#transparent) repeat scroll!im

21、portant;：）让新浪博客各个部分的模块的背景变的透明：.logobackground:#transparent.bannerbackground:#transparent.menubackground:#transparent.feeds .upbackground:#transparent.feeds .downbackground:#transparent.feeds .functionbackground:#transparent.links .upbackground:#transparent.links .downbackground:#transparent.links .m

22、idbackground:#transparent.photo .midbackground:#transparent.label .midbackground:#transparent.calendar .midbackground:#transparent.callboard .upbackground:#transparent.callboard .downbackground:#transparent.callboard .midbackground:#transparent.bodyBgbackground:#transparent.bodyBottombackground:#tra

23、nsparent.sysW770background:#transparent.gbook .upbackground:#transparent.gbook .downbackground:#transparent.feeds .pagebackground:#transparent.links .morebackground:#transparent.addbackground:#transparent.add .icobackground:#transparent.label .topbackground:#transparent.photo .topbackground:#transparent.label .bottombackground:#transparent.photo .bottombackground:#transparent.callboard .bottombackground:#transparent.links .bottombackground:#transparent