知更鸟Begin主题侧边栏关于本站 微信 QQ 微博 订阅按钮底色美化

  • A+
所属分类:网络技术

使用知更鸟Begin主题的博友们会发现,小工具“关于本站”中:微信、QQ、微博订阅4个按钮是灰白色的,很不显眼,所以今天分享一下修改这4个按钮底色的美化教程。

修改前:                                                                 修改后:
知更鸟Begin主题侧边栏关于本站 微信 QQ 微博 订阅按钮底色美化   知更鸟Begin主题侧边栏关于本站 微信 QQ 微博 订阅按钮底色美化

 

 

 

 

 

 

 

 

将以下代码放入主题定制风格-自定义样式中:

#feed_widget a {
color: #999;
width: 40px;
display: block;
text-align: center;
height: 40px;
line-height: 34px;
margin: 0 auto;
border-radius: 20px;
border: 1px solid #ddd;
}
#feed_widget .feed a {
color: #d28300;
border: 1px solid #d28300
}
#feed_widget .feed a:hover {
background: #d28300;
color: #fff !important;
border: 1px solid #d28300
}
#feed_widget .weixin a {
color: #248a34;
border: 1px solid #248a34;
}
#feed_widget .weixin a:hover {
background: #248a34;
color: #fff! important;
border: 1px solid #248a34
}
#feed_widget .tsina a {
color: #c40000;
border: 1px solid #c40000
}
#feed_widget .tsina a:hover {
background: #c40000;
color: #fff !important;
border: 1px solid #c40000
}
#feed_widget .tqq a {
color: #4e91d1;
border: 1px solid #4e91d1
}
#feed_widget .tqq a:hover {
background: #4e91d1;
color: #fff !important;
border: 1px solid #4e91d1
}

 

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: