为你的blog定义自己的颜色!!(转)

      小知识 2004-8-12 13:38
选择“3.编辑模板”-->“编辑模板”,你会看到你的blog的源代码。
在前几行你会看到一些形如“A{B:C;D:E}”的若干代码,如何改变blog的颜色,秘密就在这里。
首先了解一下css的格式:
每行开头的内容(大括号左侧)为你要定义的对象,大括号内分若干组,每组分属性及相应的数值,用“:”连接;组与组之间以“;”隔开。举例(其中“a”表示链接):
a{color:blue; text-decoration: none}
这行代码可以如下翻译: 链接{颜色:蓝;修饰线:无}
怎么样?其实源代码就像说话一样简单吧?修改一下,让页面里的链接变灰,出现下划线,代码应修改为:a{color:#cccccc; text-decoration: underline} 其中“#cccccc”代表着16进制的RGB颜色,会用绘图软件的朋友可以很容易获得这种代码。

以下是一些修改blog颜色的常用对象(为了避免页面不出错,不要轻易改变“color”及“background-color”以外的属性):

.diary_datetitle 日志日期
td        单元格(blog正文)——建议不要修改,以免和其它对象冲突
.dis_tag     站点描述的字体
a        链接的属性
a:hover     鼠标位于链接文字之上时文字的状态
.diary_bg2    日志的背景颜色之二
.diary_bg1    日志的背景颜色之一
.diary_poster  签名的字体颜色
.diary_title   日志标题
标签集:TAGS:
回复Comments() 点击Count()

回复Comments

{commentauthor}
{commentauthor}
{commenttime}
{commentnum}
{commentcontent}
作者:
{commentrecontent}
}