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

(博客技巧)标题的美化

(2006-08-10 11:06:52)

        浪博客的标题实在很不好看,这是人所共知的事情,前面也有放出修改标题的代码,有个叫“落日再来”的网友写过这个代码,游虾也曾经引用过,差点闹出麻烦,所以自己写了一段代码,比落日的精简了许多,这里要说明的是游虾的这段代码同落日的无任何关系,完全是利用新浪本身的代码改编的。以下是代码,请看:

<STYLE type=text/css>
.banner .title td{font-size:32px;}
.banner .title td{FILTER: glow(color=#000000,direction=2);}
.banner .title td{color:#ffff66;}
.banner table{background:#transparent;
 filter:alpha(opacity=80);
 border:0px solid #000;}
</STYLE>

这里讲解一下,首先是代码的第三行:

.banner .title td{FILTER: glow(color=#000000,direction=2);}

处,filter后面的代码(glow)是发光字效果,大家可以到(http://blog.sina.com.cn/u/48e6e36d010005fl)自行查找一下其他的文字滤镜参数。

后面的color可以换上其他的颜色,这是文字的发光效果的颜色,direction是发光效果的强弱,自行设置到合适即可。

文字本身的大小和颜色请参考代码

.banner .title td{font-size:32px;}(数字控制大小)

.banner .title td{color:#ffff66;} (文字颜色)

还有最后一行代码

.banner table{background:#transparent; filter:alpha(opacity=80); border:0px solid #000;}

其含义是文字及其外框的设置,可修改background后面的值为颜色代码,即可实现标题外框的颜色改变,opacity=80是表示文字的透明度,值越小越透明。border:0px表示外框线的粗细,设为0即表示不要外框。

不过,这还只是对标题的简单修饰,我们还可以调节标题文字的位置,代码如下:

<STYLE type=text/css>
.banner .title{
 margin-left:300px;
 margin-top:60px;
 font-weight:bold;
}
.banner .link {
MARGIN-TOP: 0px;
MARGIN-LEFT: 290px
}
</STYLE>

.banner .title 修改的是标题的位置,left和top分别指的是标题距页面左边和顶部的距离,可自行调节

.banner .link 指的是下面的“复制<收藏”处的位置,调节方法同上。

修改前(文字部分):(博客技巧)标题的美化

修改后(文字部分):(博客技巧)标题的美化

另外你还可以用自己的图片做为博客的模板横幅,具体方法:http://blog.sina.com.cn/u/48e6e36d010005gi

0

阅读 收藏 喜欢 打印举报/Report
  

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

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

新浪公司 版权所有