加载中…
自定义博客各部分超链接文字变色代码
(2006-12-15 16:38:44)| 分类： 互联科技类映日花别样红 |
很久没有来上博客,因为很多个人原因,加上要考六级英语.时间有限,就从蚊子那里找来这篇文章,算是充数吧!
这里“超链接文字变色”指的是鼠标放在超链接上时超链接的变色效果，一般我们用：
<div> </div><style
type="text/css">a:hover {color:#f00;}</style>
来控制博客中所有超链接文字的变色效果，而下面所发的代码则是针对博客各部分超链接文字的变色效果。之前博客各部分文字颜色代码，我的留言本各部分文字颜色代码，文章列表各部分文字颜色代码，我的文章专集各部分文字颜色代码我都已经测试发表，所以要更改各部分超链接文字的变色效果其实很简单，直接套用就可以了。
下面就是各部分超链接文字变色的代码：
<div> </div><style
type="text/css">
.banner .link a:hover{color:#f00;}
—题图处的博客地址、复制、收藏本页
.menu a:hover{color:#f00;}
—菜单部分“HOME、登录、注册、搜索、帮助”
.menu .text a:hover{color:#f00;}
—菜单部分“登录、注册、搜索、帮助”，无HOME
.menu .home a:hover{color:#f00;} —菜单部分“HOME”
.add a:hover{color:#f00;}
—右上角“发表文章”四个字
.feeds .title a:hover{color:#f00;}
—正文文章标题
.feeds .function a:hover{color:#f00;}
—正文阅读处“固定链接、评论、引用、阅读”
.feeds .text a:hover{color:#f00;}
—点击此处查看源文
.feeds .page a:hover{color:#f00;}
—正文底部翻页处文字“2 3 4 5 6 >>”
.photo .infoText a:hover{color:#f00;}
—形象照片处文字（如γ蚊ж子ま的BLOG）
.links td a:hover{color:#f00;}
—活力地带处各链接，我的文章分类链接，最新文章列表链接，友情链接以及评论和留言人的名字，总的来说就是侧栏所有链接
#zone你的博客ID a:hover{color:#f00;}
—活力地带处各链接，也就是“个人首页，控制面板，我的文章，我的相册，给我留言”这几个字，所谓博客ID就是你的博客未升级前博客地址后面的那一连串数字
#labelFM000011 a:hover{color:#f00;}
—博客计数器下面的“订阅到RSS阅读器”
.gbook a:hover{color:#f00!important;}
—留言本下留言者名字
.gbook .page a:hover{color:#f00!important;}
—留言本翻页处“2 3 4 5 6 >>”
.gbook .text a:hover{color:#f00!important;}
—留言内容中带链接的文字
.aList .list a:hover{color:#f00!important;}
—文章列表下文章标题
.aList .page a:hover{color:#f00!important;}
—文章列表翻页处“2 3 4 5 6 >>”
.serial .list a:hover{color:#f00!important;}
—我的文章专集下文章标题
.serial .outline a{color:#f00!important}
—我的文章专集下专集简介中带链接的文字
.serial table a:hover{color:#f00!important;}
—我的文章专集下文章标题及简介中带链接的文字
</style>
<- 注意
！->
1、代码中color:#f00表示鼠标放在超链接上时超链接要变的颜色，颜色可以根据你自己的需要更改。
2、用的时候要把代码后面的注释文字删掉，哪段代码不要就删掉哪段代码，但是别忘了头尾的<style
type="text/css">和<style>，这个不能删，不能丢，要不代码就没效果了。
代码添加方法：
1、控制面板→首页内容维护→自定义空白模板→新建→填写模块标题(随便写什么都可以，只要你知道里面放的是什么东西)→→粘贴代码→保存→返回。
2、控制面板→定制我的首页→添加模块→在刚才新建的模块标题前打勾→点击最下面的选取(页面刷新后，等底部状态栏显示页面完全打开完毕，把鼠标放在模块标题上，等形状变成十字形，便可点住上下移动模块的位置；如果拖动不了的话估计你的网速太慢，刷新页面后再拖动。如果不要改变模块的位置，直接跳到最后一步保存设置即可。)→点击保存设置。
喜欢
0
赠金笔
前一篇：网上视频共享代码自动造
后一篇：玩转博客之大挪移