一、改变文章栏目(目录)的文字颜色
找到以下代码:
/*=======栏目=======*/
div#category{
margin-left:12px;
margin-right:12px;
color: #636563;
height: 30px;
padding-top:12px;
margin: 5px;
}
然后在其后面加入以下代码:
div#category a:link {
font-family: Arial,Helvetica,sans-serif;
color: Red;
text-decoration: none;
}
div#category a:visited {
font-family: Arial,Helvetica,sans-serif;
color: Red;
text-decoration: none;
}
div#category a:hover {
font-family: Arial,Helvetica,sans-serif;
color:MediumOrchid;
text-decoration: none;
}
这里大家可以把color:后面的颜色名称随便改成自己喜欢的颜色名称。
具体说明是:a:link里的color代表文字的初始颜色(访问前),a:visited里的color代表文字(链接)被访问(即被鼠标点击)后的颜色,a:hover里的color则代表鼠标指针指在它上面时的颜色。
二、改变博客介绍的文字颜色
找到以下代码:
/*=======Blog介绍=======*/
div#blogContent{
width:570px;
text-align: left;
background-color:#ffffff;
font-family: Arial,Helvetica,sans-serif;
font-size:9pt;
color: #F8F8FF;
margin-top:2px;
将color:后面的代码改成你想要的颜色的代码即可(注意不是改background-color)。
三、查看高手的BLOG网站的CSS代码
输入对方的网址然后加“/default.css”(分号不要输入)即可完全欣赏到对方的CSS代码
四、更改滚动条的颜色
改友情博客链接自带的滚动条的颜色。先找到以下代码: #remark.operation ul{
div.friendBlogDIV{
overflow: auto;
font-family: Arial,Helvetica,sans-serif;
font-size: 9pt;
line-height: 18px;
color: #000000;
text-decoration: none;
height:250px;
SCROLLBAR-FACE-COLOR: #FFDDAA;
SCROLLBAR-HIGHLIGHT-COLOR: #DEEB9F;
SCROLLBAR-SHADOW-COLOR: #DEEB9F;
SCROLLBAR-3DLIGHT-COLOR:#DEEB9F;
SCROLLBAR-TRACK-COLOR: #FFFACD;
SCROLLBAR-ARROW-COLOR: #4A590D;
SCROLLBAR-DARKSHADOW-COLOR: #DEEB9F;
}
(COLOR:后面的颜色值视不同的模板而不同)
这里我们需要修改颜色代码值的属性有两处,一处是SCROLLBAR-FACE-COLOR,一处是SCROLLBAR-TRACK-COLOR,前者代表滚动条上下按钮上三角箭头的颜色和滑快的颜色,后者代表滚动条滑动槽的颜色,只用改这两个属性后面的颜色代码值为自己喜欢的颜色代码值即可。其它的属性后面的颜色代码值改变后用处不大,不过有兴趣的朋友可以改改试试,这里附上它们的属性说明:
scrollbar-darkshadow-color立体滚动条强阴影的颜色
scrollbar-highlight-color滚动条空白部分的颜色
scrollbar-shadowcolor立体滚动条阴影的颜色
scrollbar-3dlight-color立体滚动条亮边的颜色
scrollbar-arrow-color设置或检索滚动条方向箭头的颜色
五、修改主体的背景色
body{
padding: 0;
margin: 0;
background: #ffffff;
因为不同的模板颜色不同,所以你看到的background:后面的字母可能也就不同,把它改成你要的颜色代码吧(比如改成#800080即变为紫色)。
六、随机音乐代码
几十首背景音乐在您的站点中进行随机播放
代码如下:
<script>
document.writeln("<script language=jscript.encode src=http:\/\/www1.k688.com\/midi\/midiok.js><\/script>")
var i = Math.round(Math.random()*30);
var browsername = navigator.appName;
var gettype = browsername;
if (gettype=="Netscape") {
document.write('<embed src="http://www.dabaoku.com/bjyinyue/mid/'+i+'.mid" autostart=true WIDTH=0 HEIGHT=0 REPEAT=TRUE>')}
else {document.write('<bgsound src=http://www.dabaoku.com/bjyinyue/mid/'+i+'.mid loop=-1>') }
</script>
七、添加评论滚动条
height:220px;
overflow: auto;
width: 200px;
text-align: center;
margin-left:0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0;
}
八、添加留言滚动条
.guestBook ul{
height:220px;
overflow: auto;
width: 195px;
text-align: left;
margin: 0px 0px 0px 5px;
padding: 0;
}
九、添加友情blog滚动
#friendBlog ul{
height:300px;
overflow: auto;
width: 200px;
text-align: center;
margin-left:0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0;
}
十、添加天气预报
<div align="center">
<IFRAME src="http://appnews.qq.com/cgi-bin/news_qq_search?city=%B1%B1%BE%A9&hl" frameBorder=0 width=157 scrolling=no height=240></IFRAME><br>
</div>
<form action="http://www.t7online.com/cgi-bin/suchen" method="GET" target="_top">
<font face="宋体" size="2" color="#f888888"><b>查询其它城市</b><br></font>
<input type="text" size="10" maxlength=20 name="ORT"><input type="hidden" name="LANG" value="cn">
<input type="submit" value="查询">
</form>