最新公告
  • 欢迎您光临技能高考论坛,本站专业服务技能高考相关学校、教师和学生立即加入我们
  • RIPRO主题美化—文章下部标签云彩色美化

              为大家分享一个通过修改主题CSS文件来设置标签为随机颜色的方法。设置后效果如下图,让标签更为醒目。可能有些主题自带此效果,但有些主题是没有,下面的教程就以ripro主题为例。

    演示效果如图:

    一、修改diy.css

    我们首先要到主题找到全局调用的.CSS文件,一般是diy.css文件,也有的是style.css文件,但一般是在“css”文件夹中。如果使用了子主题ripro-child,那就修改子主题中的diy.css,在css下部添加如下代码即可,注意检查css有无给你之前的美化冲突。

    /**标签随机颜色**www.jngkbbs.com/
    .article-categories { margin-bottom: 10px
    }
    .article-categories a { padding: 4px 10px; background-color: #19B5FE; color: white; font-size: 12px; line-height: 16px; font-weight: 400; margin: 0 5px 5px 0; border-radius: 2px; display: inline-block
    }
    .article-categories a:nth-child(5n) { background-color: #4A4A4A; color: #FFF
    }
    .article-categories a:nth-child(5n+1) { background-color: #ff5e5c; color: #FFF
    }
    .article-categories a:nth-child(5n+2) { background-color: #ffbb50; color: #FFF
    }
    .article-categories a:nth-child(5n+3) { background-color: #1ac756; color: #FFF
    }
    .article-categories a:nth-child(5n+4) { background-color: #19B5FE; color: #FFF
    }
    .article-categories a:hover { background-color: #1B1B1B; color: #FFF
    }
    .article-title { position: relative; margin-bottom: 15px; font-size: 26px; line-height: 1.3; display: block; font-weight: 400; margin: 0 0 35px; padding: 0 0 30px; border-bottom: 1px solid #e7e7e7; color: #FFF
    }

    钻石价 5 折 永久钻石免费

    已有5人支付

     

     

    技能高考论坛-版权声明

         

    1、本网站名称:技能高考论坛

    2、本站永久网址:https://www.jngkbbs.com

    3、站内资源均经站长亲测,部分资源后期进行过修复。

    4、如果您觉得本站有帮助到您,您可以再下方打赏本站。

    5、本站资源均来自互联网,供个人学习或研究使用,未经原版权作者许可,禁止用于任何商业环境!

    6、本站资源大多存储在百度云盘,如发现链接失效,请联系客服进行补录链接 我们会第一时间更新。




    技能高考论坛 » RIPRO主题美化—文章下部标签云彩色美化

    常见问题FAQ

    怎么下载本站资源?
    注册成为本站会员即可下载绝大部分资源!
    有些资源要学币该怎么办?
    部分资源有其独特性需要充值一定费用后开通ViP购买!
    购买后可以再次下载吗?
    一次购买无限量重复下载!
    技能高考论坛
    一个专注技能高考资源供应的平台!

    发表评论

    • 40会员总数(位)
    • 271资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 203稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情