修改自定义CSS改变链接文字颜色的实现 - 博客特效大全-博客代码基地-博客美化教程-博客素材推广 - 鹰震天

载入中

自定义HTML载入中...

快速链接

修改自定义CSS改变链接文字颜色的实现 [转贴 2007-07-19 08:56:19]

修改自定义CSS改变链接文字颜色的实现

来源：http://ahao2009.blog.hexun.com/7820247_d.html

1.温馨提示: "800多篇博客特效"请点击图片→在置顶日志的《博客特效总目录》里查找！

1.登陆你的个人门户,进入个人门户管理系统，在个人门户设置中选择模板选择，然后选择自定义CSS。

2.在自定义CSS中找到下列方框中红色的部分：

body {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 956px;
background-color: #CCCCCC;
font-size: 12px;
color: #8F8F8F;
}#navi_bar a:link {
/*导航条文字颜色*/
}#navi_bar a:visited {
}#header #site_title a:link {
/*地址栏文字颜色*/
}#header #site_title a:visited {
}#header #site_title {
line-height: 31px;
height: 31px;
padding-right: 10px;
background-color: #F3F3F3;
}.side_content,#argue_right_sub,.substance,.BkMark,.PublishForm,.TagLine,.TopArticleLine,.ArticleSubstance,.ArticleBlog,#BlogLinksAll,.Reply,.ReplyTable_B_2,.PublishItem,.Music_Item_B,.CircleList td,.ExperList,.FriendTableList,.Column,.MessageTable,.release_2,.MusicNameList,#MusicPlayerID,.ReplyTable,.side_block,.PhotoItem,#AlterPhoto,#MyPhoto_MySpecial_Name,#MyVideo,.BkMarkSave,.NextBlog {
/*模块背景色*/
background-color:#FFFFFF;
}.side_content,#argue_right_sub {
line-height: 20px;
padding: 10px;
background-color: #FFFFFF;
}.substance {
line-height: 22px;
padding: 10px;
background-color: #FFFFFF;
}.release_1 {
line-height: 28px;
height: 28px;
background-color: #F2F2F2;
font-weight: bold;
color: #788381;
padding-right: 10px;
padding-left: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CDCDCD;
}.release_2 {
padding: 10px;
background-color: #F9F9F9;
color: #494949;
}#TopArticle {
background-color: #FFFFFF;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
margin-bottom: 10px;
}.Article {
margin-bottom: 10px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #FFFFFF;
}.PageSkip {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
height: 26px;
margin-bottom: 10px;
line-height: 26px;
background-color: #FFFFFF;
}.calendar-box {
width: 100%;
text-align: center;
background-color: #CECECE;
}.calendar-box td {
background-color: #FFFFFF;
width: 24px;
}.NextBlog {
padding: 10px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #FFFFFF;
}#BlogLinksID {
background-color: #FFFFFF;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
margin-top: 10px;
}.Reply {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
margin-top: 10px;
background-color: #FFFFFF;
margin-bottom: 10px;
height:100%;
}.PublishComment {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #FFFFFF;
margin-bottom: 10px;
}.ReplyTable_B_1 {
line-height: 24px;
background-color: #FAFAFA;
height: 24px;
border-bottom-width: 1px;
border-bottom-style: solid;
margin-bottom: 5px;
}.ReplyTable_B_2 {
background-color: #F5F8F8;
padding-right: 5px;
padding-left: 5px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: dashed;
border-right-style: dashed;
border-bottom-style: dashed;
border-left-style: dashed;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 1px;
}.PublishItem {
padding: 10px;
background-color: #FFFFFF;
line-height: 16px;
}.FriendBlock {
border-width: 1px;
border-style: solid;
background-color: #FFFFFF;
}.FriendTable {
background-color: #FAFAFA;
}.FriendTableList {
height: 95px;
width: 934px;
border-bottom-width: 1px;
border-bottom-style: solid;
background-color: #FFFFFF;
}.CircleListTitle {
background-color: #FAFAFA !important;
}.CircleList tr {
background-color: #FFFFFF;
}.MessageBlock {
border-width: 1px;
border-style: solid;
background-color: #FFFFFF;
}.MessageTable_2_1 {
line-height: 24px;
background-color: #FAFAFA;
height: 24px;
border-bottom-width: 1px;
border-bottom-style: solid;
margin-bottom: 5px;
}.ExperList {
line-height: 26px;
height: 26px;
background-color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
}.left_side_3 div {
line-height: 27px;
background-image: url(http://hexun.com/img/img_style000/h01_13.gif);
background-repeat: no-repeat;
background-position: 20px 7px;
height: 27px;
padding-left: 37px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E9EEED;
background-color: #F6F6F6;
}.BgWhite {
background-color: #FFFFFF !important;
}.Music_Item {
height: auto;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E9EEED;
background-color: #FFFFFF;
}.Music_Item_A {
height: 27px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E9EEED;
line-height: 27px;
background-color: #F9F9F9;
padding-left: 10px;
}.PhotoItem {
width: 720px;
background-color: #FFFFFF;
}#MyPhoto_MySpecial_Name {
background-color: #FFFFFF;
}#VideoPlayer {
background-color: #FFFFFF;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}#MyVideo {
background-color: #FFFFFF;
}#MusicTalk,#BkMarkTalk {
background-color: #FFFFFF;
margin-top: 10px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}#MusicPlayer {
background-color: #FFFFFF;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}.side_title,.ArticleTitle,.BkMarkTitle,.UserInfo_B_1,.UserInfo_A .UserInfo_A_1 td,.PublishTitle,.PublishArticleTitle,.quote,.release_1,.release_2_sub,.release_2_res,.PageSkip,#argue_right,.ReplyTable_B_1,.MoreOption_A,#PublishMoreTag_A,.left_side_3 div,.Music_Item_A,.MessageTable_2_1,.MessageTable_2_2,.PageNext,.PhotoVb_5 {
/*模块标题背景色*/
}.side_title,.ArticleTitle,.BkMarkTitle,.UserInfo_B_1,.UserInfo_A .UserInfo_A_1 td,.PublishTitle,.PublishArticleTitle {
}div,table,td {
/*边框颜色*/
}.CircleList {
width: 100%;
line-height: 28px;
background-color: #E6EAE9;
}.side_title,.ArticleTitle,.BkMarkTitle,.UserInfo_B_1,.UserInfo_A .UserInfo_A_1 td,.PublishTitle,.PublishArticleTitle,.quote,.release_1,.release_2_sub,.release_2_res,.PageSkip,#argue_right,.ReplyTable_B_1,.MoreOption_A,#PublishMoreTag_A,.left_side_3 div,.Music_Item_A,.MessageTable_2_1,.MessageTable_2_2,.PageNext,.CircleListTitle {
/*标题文字色*/
}.side_title a:link,.PageSkip a:link,.BkMarkTitle a:link,.ArticleTitle a:link,#argue_right a:link,.MoreOption_A_1 a:link,.left_side_3 div a:link,.Music_Item_A a:link,.MessageTable_2_1 a:link,.PageNext a:link {
}.side_title a:visited,.PageSkip a:visited,.BkMarkTitle a:visited,.ArticleTitle a:visited,#argue_right a:visited,.MoreOption_A_1 a:visited,.left_side_3 div a:visited,.Music_Item_A a:visited,.MessageTable_2_1 a:visited,.PageNext a:visited {
}#header #tag_bar a:link {
/*标签文字颜色*/
}#header #tag_bar a:visited {
}#header #tag_bar {
line-height: 26px;
height: 26px;
width: 914px;
padding-right: 10px;
padding-left: 10px;
background-color:#FFFFFF;
}body,.ArticleBlogText {
/* 链接文字颜色：开始 */
}a:link {
color: #666666;
text-decoration: none;
}a:visited {
color: #666666;
text-decoration: none;
/* 链接文字颜色：结束*/
}#page {
/*页面中间背景颜色*/
background-color: #FAFAFA;
width:956px;
}#header {
/*顶部*/
height: 224px;
width: 934px;
margin-right: 10px;
margin-left: 10px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}#header .site_description {
height: 137px;
width: 924px;
padding-left: 10px;
font-size: 21px;
font-weight: bold;
}.site_description_A{
    margin-top:20px;
margin-left:35px;
}.site_description_B{
    margin-top:2px;
    margin-left:32px;
font-weight:normal;
}.topIframe {
/*Iframe*/
height: 198px !important;
}#header #navi_bar {
/*导航背景*/
line-height: 28px;
height: 28px;
border-top-width: 1px;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-style: solid;
width: 914px;
padding-right: 10px;
padding-left: 10px;
background-color: #EBEBEB;
}.tag {
/*模块标签背景色*/
line-height: 25px;
height: 25px;
border-bottom-width: 1px;
border-bottom-style: solid;
background-color: #FAFAFA;
}#bottom {
/*底部背景色*/
line-height: 40px;
background-color: #EFEFEF;
height: 40px;
text-align: center;

}#bottom a:link {

}#bottom a:visited {
}
/*
++=======================================================================================＝=++
||
|| 以上为涉及自定义部分,请您不要在以上区域内进行以下操作：
|| 　(１)不要增加样式。如需增加请写在下方区域。
|| 　(２)不要修改样式名称。以上区域内的样式名称已经固定，请不要随意修改样式名称。
|| 　(３)｝和｛之间均属于样式名称部分(包括｛前的一个空格在内)。
||
|| 请您注意以下事项：
|| 　(１)样式属性结束时必须用分号表示结束。
|| 　(２)关于样式的注释可以写在｛｝内，并用注释符号将其注释。
|| 　(３)如果您的样式不小心修改乱了，可以通过“回到默认值”按扭恢复到初始值。
||
++=========================================================================================++
*/

select {
font-size: 12px;
color: #666666;
}
form {
margin: 0px;
}
p {
margin: 0px;
padding: 0px;
}
input {
font-size: 12px;
color: #666666;
border: 1px solid #CCCCCC;
background-color: #FAFAFA;
}
textarea {
overflow: hidden;
border: 1px solid #CCCCCC;
background-color: #FAFAFA;
}

div {
overflow: hidden;

}
/* 边框颜色：开始 */
div {
border-color: #CECECE;
}

a:hover {
color: #333333;
text-decoration: underline;
}
.PhotoTable a:link,#photoXiu a:link,.AlterRig a:link {
color: #3975E3;
}

3.下面的是比较重要的步骤，a:link 表示带连接文字的颜色，如果你要改变它，直接修改红色部分color的颜色即可。text-decoration表示文字的状态，可以选择的属性有：none（没有下划线）；underline（有下划线）；overline（上划线）；line-throngh（删除线）；blink（文字在闪烁）。

4.a:visted表示被访问过的文字的状态，用法和link一样的，这里不在多讲。

5.a:hover表示当鼠标移动到文字上时的状态，用法和link也是一样的。博友可以根据自己的喜欢选择！

6.颜色选择可以参考：《24.159.颜色代码大全》

7.修改完点击保存，回到首页按CTRL+F5刷新即可看到效果。

8.特别提醒，其他地方请不要乱做修改，否则首页可能出现框架混乱。切记切记！.

友情推荐→ ：《博客/网站/论坛添加google广告的详细步骤，让您免费赚美元！注：最牛的人，3个月赚100万美元》

博客特效总目录 情感天地总目录 奇趣空间总目录

幽默笑话总目录 史海泛舟总目录 经济理财总目录

读书教育总目录 政治观察总目录 饮食健康总目录

故事人生总目录 社会焦点总目录 电脑网络总目录

偶的博客网博客主页：http://yls88888.bokee.com 或鹰震天或

偶的和讯博客主页：http://hexun.com/yayb或鹰震天或

标签: 博客特效

分类: 博客特效

票数：

我顶

[收藏到我的网摘]

[推荐] | [评论] | [举报] | [打印]

点击数: 评论数:

本文章引用通告地址(TrackBack Ping URL)为:

本文章尚未被引用。

下一篇: 图片滤镜产生器（精品推荐）（博客特效）

上一篇: 特效代码工具-代码检验器

发表评论

博客特效总目录	情感天地总目录	奇趣空间总目录
幽默笑话总目录	史海泛舟总目录	经济理财总目录
读书教育总目录	政治观察总目录	饮食健康总目录
故事人生总目录	社会焦点总目录	电脑网络总目录