博客网 >

博客优化建设使用技巧(中)
作者:分类:默认分类标签:

一、改变文章栏目(目录)的文字颜色

找到以下代码:

/*=======栏目=======*/

 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>

<< 博客优化建设使用技巧(下) / 博客优化建设使用技巧(上) >>

专题推荐

不平凡的水果世界

不平凡的水果世界

平凡的水果世界,平凡中的不平凡。 今朝看水果是水果 ,看水果还是水果 ,看水果已不是水果。这境界,谁人可比?在不平凡的水果世界里,仁者见仁,智者见智。

中国春节的那些习俗

中国春节的那些习俗

正月是农历新年的开始,人们往往将它看作是新的一年年运好坏的兆示期。所以,过年的时候“禁忌”特别多。当然,各个地方的风俗习惯不一样,过年的禁忌也是不一样的。

评论
0/200
表情 验证码:

cb83184929

  • 文章总数0
  • 画报总数0
  • 画报点击数0
  • 文章点击数0
个人排行
        博文分类
        日期归档