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

博客彩虹友链源码

Young小杰2017-8-27 23:11 网站搭建(3)5278小标签: 网站优化 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形式来弄的,其他的请自行修改

本文最后更新于2017-8-27,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

发表评论:

评论列表:

  • 路过 飘过 https://www.7ca.com.cn

  • 旭博客 Lv 1

    回复了(大囧)这不是和彩色标签差不多么-.-

    • Young小杰 站长

      回复了旭博客:是的,变通一下就行

  • 手机扫描二维码
    阅读体验更佳