http://blog.sina.com.cn/sxzx[订阅]
字体大小: 正文
新浪博客美化代码:标题的美化(2006-10-09 21:07:28)
 

新浪博客美化代码:如何对你的博客标题进行美化?

代码如下:

<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)是发光字效果,大家可以自行查找一下其他的文字滤镜参数。

后面的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://www.sxzx.net/News/Files/7294.html

特别提示:

如果你不会使用这些代码,或者不知道添加代码的方法,那么请看:

新浪博客美化代码:代码如何添加与使用

http://blog.sina.com.cn/u/4b71657f010006cw

 

  • 评论加载中,请稍候...
发评论    明星私家相册

验证码:看不清楚数字吗?点击这里再试试。收听验证码

发评论

以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

相关博文
读取中...
推荐博文
读取中...