新浪博客代码[总论]
新浪博客代码
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, 图案最好不要太大太复杂
第一:博客模版宽度扩展
满屏式扩展:
比较合适的一个:
:)代码说明——
.bodyTop 指的是页面顶部的宽度,控制了 banner(就是题图)的宽度
.bodyBg 指的是整个页面的宽度,其值最好与上者相同(也可以自行变化)
.bodyBottom 指的是页面底部的宽度,其值最好是与上面相同
.menu指的是菜单处的款度,其值最好是与上面相同
.feeds .itemBox table指的是“发表文章”、“文章发表时间”及“固定链接、评论(0)、引用、阅读(0)、编辑”等处的宽度,其值应该比文章部分的宽度稍大
.feeds .text 指的是正文部分的宽度(也就是文章部分的宽度)
.label 指的是面板的宽度(其值加正文宽度的值应略小于整页的宽度)
.photo 指的是形象照片面板的宽度(同上)
.callboard 指的是公告栏的宽度(同上)
.links 面板(也即最新留言、最新评论等面板)宽度(同上)
.calendar 日历的宽度(同上)第二:模版背景图片更换
更换整体页面背景的源代码:
更换页面题图logo图片的源代码:
更换页面横幅题图的源代码:
更换页面横幅题图下面的菜单图片的源代码:
更换页面文章标题栏上翻时的图片的源代码:
更换页面文章标题栏下翻时的图片的源代码:
更换页面文章结尾处评论阅读菜单栏的图片的源代码:
更换页面空白面板标题栏上翻时图片的源代码:
更换页面空白面板标题栏下翻时图片的源代码:
更换页面空白面板的背景图片的源代码:
更换页面形象照片处的背景图片的源代码:
更换页面自定义空白面板背景图片的源代码:
更换页面日历面板的背景图片的源代码:
更换页面公告栏标题栏上翻时图片的源代码:
更换页面公告栏标题栏下翻时图片的源代码:
更换页面公告栏的背景图片的源代码:
更换页面正文背景图片的源代码:
更换页面正文背景图片的源代码:
更换页面正文文章页数图片的源代码:
更换页面留言板标题栏上翻时的图片的源代码:
更换页面留言板标题栏下翻时的图片的源代码:
第三:隐藏各部位模块
:)去掉新浪LOGO标识
:)移除横幅
:)去掉横幅里博客名称
:)去掉横幅里博客地址,复制与收藏本页
:)去掉菜单导航栏里的[HOME]
:)隐藏导航栏里“登录”“搜索”“帮助”等
:)隐藏形象照片下的标签文字
:)隐藏首页正文标题
——发现错误!,,,,,,
:)隐藏“活力地带”
:)隐藏所有新浪模板 (:除公告外
:)隐藏“发表文章”
:)隐藏“文章的发表时间”
:)隐藏正文在首页上的显示
:)隐藏公告栏的“我的公告栏”标签
:)隐藏首页上正文下,“查看原文”
:)“隐藏正文下的阅读评论引用”栏
:)隐藏首页底部“页码数目”
:)隐藏博客的计数器
:)隐藏订阅RSS阅读器
:)隐藏界面底部“新浪博客的版权申明”等
:)隐藏整个博客,需要密码才可查看
:)隐藏首页,精华,圈子,美图
第四:改变各模块字体
以及字体大小颜色
:)修改博客标题的代码:
36px为标题文字的字体大小.
#000000表示文字发光的颜色,direction=2表示发光效果的强弱,
数据自己试.
banner .title td{color:#ffff66;}表示标题文字的主颜色
banner table{background:#transparent; filter:alpha(opacity=85); border:0px solid #000;}
这个是文字及其外框的设置:
background:后面的值为标题外框的颜色效果;
opacity=85是表示文字的透明度,值越小越透明;
border:0px表示外框线条的粗细,数值越大边框线条越粗,数值设
为0表示边框隐藏。
banner .title td{background:url{font-family:隶书;} no-repeat
center;}
可以自己改字体.:)更改博客名称的位置
——说明:
.banner .title 是标题的位置.
left:是标题距页面左边的距离.top:为标题据顶部的距离.可自行
调节代码中的数值.
.banner .link 指的是下面的菜单栏里“复制<收藏”blog地址的位置.自行调节.:) 更改首页横幅上的博客标题颜色:
更改首页横幅上的博客地址颜色:
改变横幅下菜单文字颜色:
隐藏横幅下HOME文字:
更改形象照片下名字的颜色:
更改公告栏标题文字颜色:
更改所有模板标题文字的颜色:(不包括公告)
更改活力地带,文章分类,文章列表,链接文字,评论和留言人的名字颜色
更改发表文章四个
字的颜色:
更改文章首页显示文字的颜色:
更改查看原文的颜色:
更改首页文章标题的颜色:
更改首页文章下的正文阅读处文字颜色:
更改首页底部翻页文字的颜色:
——下面是有关标题字体颜色的修改
:)
第五:固定页面背景底图
:)让新浪博客各个部分的模块的背景变的透明:
本文档为【新浪博客代码[总论]】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑,
图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。