杨小杰博客提供免费教程下载和网站搭建技术教程,主要分享和发布网站源码,致力创造一个高质量网络资源教程的分享平台

博客彩虹友链源码

Young小杰2017-8-27 23:11网站搭建 (3)1841已收录小标签: 网站优化 emlog优化 emlog博客 原创

QQ截图20170829171457.png

小杰博客的彩虹友链一开始是因为看上红旗娱乐网的彩色的友情链接而心动,后来请教大佬帮我做的

一年多了,这个彩虹友链还是被我看厌了,今天打算把他删了,所以把源码发出来,也许有的朋友会喜欢。

话不多话,看教程

复制一下代码到模版公用css样式文件中


/*彩虹友链*/
.frend-link dd a:nth-child(7n+1) {
  color: #FF0000
}
.frend-link dd a:nth-child(7n+2) {
  color: #FF7F00
}
.frend-link dd a:nth-child(7n+3) {
  color: #ADAD30
}
.frend-link dd a:nth-child(7n+4) {
  color: #00FF00
}
.frend-link dd a:nth-child(7n+5){
  color: #00FFFF
}
.frend-link dd a:nth-child(7n+6) {
  color: #0000FF
}
.frend-link dd a:nth-child(7n+7) {
  color: #8B00FF
}
详细讲解一下,其中 .frend-link dd a 是我博客友情链接的div依次定义的class,如果你要使用请按照你网页上的div class依次修改


参考一下下图中的形式

QQ截图20170829173043.png

第一级class是frend-link

第二级是dd

第三级是a标签(也就是文字了)

以上只是参照杨小杰博客的div形式来弄的,其他的请自行修改


评论排行榜

(切勿水评,一经发现封IP)

评论:

去查网站目录 Opera 52.0.2871.97 Mac OSX 10_13_5江苏省南京市栖霞区 电信 2018-05-04 23:46
路过 飘过 https://www.7ca.com.cn
旭博客 Google Chrome 50.0.2661.102 Windows 7广东省湛江市 电信 2017-09-05 06:32
大囧这不是和彩色标签差不多么-.-
Young小杰四川省成都市 移动数据上网公共出口 2017-09-05 07:44
@旭博客:是的,变通一下就行

发表评论:

签到 赞赏 丢小花 请勾选我再发表评论!