如何给WordPress设置彩色(七彩祥云)标签云
[重要通告]如您遇疑难杂症,本站支持知识付费业务,扫右边二维码加博主微信,可节省您宝贵时间哦!
看别人的WordPress都有彩色的标签,感觉挺好玩的,自己主题木有,那就自己给创造一个,整体还看到过去,具体看演示图:
CSS代码
把以下代码添加到当前主题中的style.css文件中
/*彩色标签*/ .tagcloud{ padding:14px 0 14px 12px; } .tagcloud a{ float:left; margin:3px; line-height:26px; text-align:center; border:1px solid #ddd; border-radius:2px; padding-top:0; padding-right:5px; padding-bottom:0; padding-left:5px; overflow:hidden; display:block; width:92px; height:28px; } .tagcloud a{ color:#fff; }
JS代码
把以下代码放置到head.php或footer.php(推荐放在底部文件)
<script type="text/javascript">box_width = $("#cx_tag_cloud-5").width(); /*彩色标签*/ len = $(".tagcloud a").length - 1; $(".tagcloud a").each(function(i) { var let = new Array('3366FF', '31ac76', 'ea4563', '31a6a0', '8e7daa', '4fad7b', 'f99f13', 'f85200', '666666'); var random1 = Math.floor(Math.random() * 9) + 0; var num = Math.floor(Math.random() * 6 + 9); $(this).attr('style', 'background:#' + let[random1] + ''); if ($(this).next().length > 0) { last = $(this).next().position().left } });</script>
问题未解决?付费解决问题加Q或微信 2589053300 (即Q号又微信号)右上方扫一扫可加博主微信
所写所说,是心之所感,思之所悟,行之所得;文当无敷衍,落笔求简洁。 以所舍,求所获;有所依,方所成!
赏
支付宝赞助
微信赞助
免责声明,若由于商用引起版权纠纷,一切责任均由使用者承担。
您必须遵守我们的协议,如您下载该资源,行为将被视为对《免责声明》全部内容的认可->联系老梁投诉资源 LaoLiang.Net部分资源来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。
敬请谅解! 侵权删帖/违法举报/投稿等事物联系邮箱:service@laoliang.net
意在交流学习,欢迎赞赏评论,如有谬误,请联系指正;转载请注明出处: » 如何给WordPress设置彩色(七彩祥云)标签云