修改知更鸟begin主题自带的标签云样式

诗梦
14601
文章
720
评论
2017年10月7日21:03:10修改知更鸟begin主题自带的标签云样式已关闭评论 13.9K 次浏览 930字阅读3分6秒

心灵毒鸡汤:

知更鸟begin主题自带的标签云样式修改,代码来自某人,修改的是5.4版本的,其它版本未测试,代码由js随机颜色加css样式修改而成。修改知更鸟begin主题自带的标签云样式
css代码

  1. .tagcloud{
  2. padding:14px 0 14px 12px;
  3. }
  4. .tagcloud a{
  5. float:left;
  6. margin:3px;
  7. line-height:26px;
  8. text-align:center;
  9. border:1px solid #ddd;
  10. border-radius:2px;
  11. padding-top:0;
  12. padding-right:5px;
  13. padding-bottom:0;
  14. padding-left:5px;
  15. overflow:hidden;
  16. display:block;
  17. width:92px;
  18. height:28px;
  19. }
  20. .tagcloud a{
  21. color:#fff;
  22. }

js代码

  1. <script type="text/javascript">box_width = $("#cx_tag_cloud-5").width();
  2. len = $(".tagcloud a").length - 1;
  3. $(".tagcloud a").each(function(i) {
  4.     var let = new Array('3366FF', '31ac76', 'ea4563', '31a6a0', '8e7daa', '4fad7b', 'f99f13', 'f85200', '666666');
  5.     var random1 = Math.floor(Math.random() * 9) + 0;
  6.     var num = Math.floor(Math.random() * 6 + 9);
  7.     $(this).attr('style', 'background:#' + let[random1] + '');
  8.     if ($(this).next().length > 0) {
  9.         last = $(this).next().position().left
  10.     }
  11. });</script>

css代码放主题样式表文件(style.css),js自己调用或添加到页脚文件,感谢爱都娱乐的代码。

  • 文本由 发表于 2017年10月7日21:03:10
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
修改begin主题手机菜单按钮为文字导航 教程

修改begin主题手机菜单按钮为文字导航

修改begin主题手机菜单按钮为文字导航,很久就想改这个了,对不熟悉网站的人菜单都不知道在哪里,这里教大家直接修改为文字,听说旧版主题以前是文字的。把下面代码丢到主题选项的定制css里即可。 代码: ...
宝塔Linux面板nginx环境防CC策略规则 教程

宝塔Linux面板nginx环境防CC策略规则

近来帮了几个人网站被CC攻击,找我防御一下,最后用出了祖传的过滤代码,不过攻击者换着规则来攻击,还好都防住了,begin主题啥都好,就是有的人不会优化,CC个首页都能把数据库打挂,不过用了下面代码后没...