加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

代码-修改标题位置.大小及修改整个博客面板

(2006-07-11 18:45:15)
分类: 博客秘籍
一、如何更改博客上的标题文字的大小和颜色-代码如下:
 
<STYLE type=text/css>
.banner .title td{font-size:36px;}
.banner .title td{FILTER: glow(color=#000000,direction=2);}
.banner .title td{color:#ffff66;}
.banner table{background:#transparent;filter:alpha(opacity=85);border:0px solid #000;}
</STYLE>

 
参数说明:
 
.banner .title td{font-size:36px;}中36px为标题文字的字体大小。
.banner .title td{FILTER: glow(color=#000000,direction=2);}中,FILTER:后面的代码 glow 表示发光字体效果,也可以自己查找一些其他的文字特效,比如 shadow 表示浮雕字体效果,#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表示边框隐藏。
 
如果大家觉得改其他的效果麻烦的话,只要改代码中红色的三个部分就可以了,其他的可以不要改!
 
颜色代码可以去次网址找:http://bbfc.cn/color.htm
 
二、如何更改标题文字的位置-代码如下:
 
<STYLE type=text/css>
.banner .title{margin-left:310px;margin-top:10px;font-weight:bold;}
.banner .link{margin-left:380px;margin-top:18px;}
</STYLE>
 
参数说明:
.banner .title 修改的是标题的位置,left和top分别指的是标题距页面左边和顶部的距离,可根据自己需要和爱好可自行调节。
.banner .link 修改的是下面的“复制 ﹥收藏本页”处的位置,同上,left和top分别指的是其距页面左边和顶部的距离。
 
三、如何更改模板的宽度-代码如下:
 
<STYLE type=text/css>
.bodyTop{width:900px;}
.bodyBg{width:900px;}
.bodyBottom{width:900px;}
.feeds .text{width:660px;}
.label{width:20px;}
.photo{width:200px;}
.callboard{width:200px;}
.links{width:200px;}
.calendar{width:200px;}
.sysBr180{width:200px;}
</STYLE>

 
这个就是修改新浪博客页面宽度的代码了,因为相关代码太多,只精选出这几个对页面影响最大的代码出来给大家。
 
参数说明:
 
.bodyTop 指的是页面顶部的宽度,控制了 banner(就是题图)的宽度 
.bodyBg 指的是整个页面的宽度,其值最好与上者相同(也可以自行变化) 

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

.feeds .text 指的是正文部分的宽度(也就是文章部分的宽度) 

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

.photo 指的是形象照片面板的宽度(其值同上) 

.callboard 指的是公告栏的宽度(其值同上) 

.links 面板(也即最新留言、最新评论等面板)宽度(其值同上) 

.calendar 日历的宽度(其值同上) 

.sysBr180 这个值比较特殊,其值同以上各面板宽度近似,但不一定相同大家应当根据自己设置的宽度进行调节。 

width 后面的数字就是你要修改的宽度值,可根据自己的需要设置。

面板的宽度值大约为190左右;如果要改成全屏,整个页面总宽度约为995-996。

不过要更改模板宽度的话建议面板的宽度不必改,只需用代码中的前四个参数就行了。

0

阅读 收藏 喜欢 打印举报/Report
前一篇:空间用图a
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有