WordPress多彩推荐侧边栏

2017年9月4日13:55:16 2 154 views

WordPress多彩推荐侧边栏。在别的站点扒了个多彩推荐侧边栏的代码来,也有些小伙伴看到觉得不错,来找我问这个如何搞的。其实挺简单的,我是扒过来的~你们也就可以扒走了。

WordPress多彩推荐侧边栏

效果图的话,就上面这个了,每篇文章中都有~~代码如下。

  1. <ul class="colorbar">
  2. <li><a href="http://www.zhushuming.cn/haohaoshuohua.html" target="_blank" style="background-color:#ff3030;">《好好说话》在线阅读</a></li>
  3. <li><a href="http://www.zhushuming.cn/code.html" target="_blank" style="background-color:#428BCA;">HTML多功能代码转换器</a></li>
  4. <li><a href="http://www.zhushuming.cn/ssyqrk.html" target="_blank" style="background-color:#e84266;">各大搜索引擎提交入口</a></li>
  5. <li><a href="http://www.zhushuming.cn/game.html" target="_blank" style="background-color:#91c24f;">HTML在线小游戏</a></li>
  6. <li><a href="http://www.zhushuming.cn/seo/3091.html" target="_blank" style="background-color:#f49800;">SEO优化常见问题解答</a></li>
  7. <li><a href="http://www.zhushuming.cn/minjiangushi/" target="_blank" style="background-color:#A6A600;">民间小故事大全</a></li>
  8. <li><a href="http://www.zhushuming.cn/meitu.html" target="_blank" style="background-color:#B766AD;">美图秀秀在线编辑工具</a></li>
  9. </ul>
  10. <style type="text/css">
  11. .colorbar li {
  12.     width: 100% !important;
  13. }
  14. .colorbar li a {
  15.     color#fff;
  16.     line-height40px;
  17.     displayblock;
  18.     width: 100%;
  19.     text-aligncenter;
  20. }
  21. .colorbar li a:hover {
  22.     opacity: 0.8;
  23. }
  24. </style>

使用方法:使用知更鸟主题的朋友,这个代码需要放到增强文本中。使用其他主题的朋友,把代码放到文本中就可以了。

注:代码是死的,人是活的。以上代码可根据个人喜好更改~

weinxin
博客之家
博客之家,欢迎各位来加入,一起来交流!本站资源全部上传在群里,有需要的也可以加群来免费下载。
如果本站内容对你有所帮助,请帮忙点击下页面上的广告,帮助下网站发展,谢谢大家!
朱曙明

发表评论

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

目前评论:2   其中:访客  0   博主  2

    • avatar cook Admin

      你的出现其实就是为了我的存在

      • avatar cook Admin

        我们左手撑着摇摇欲坠的天空和梦想,右手支着将欲腐烂的大地现实。