选择“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 日志标题
在前几行你会看到一些形如“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 日志标题
回复Comments
作者:
{commentrecontent}