标签归档： tagcloud

从百度网盟广告页面中拔了一个Metro风格的标签云

作者：童燕群 | 发布日期：十月 4, 2013 | 阅读次数（2,244） | 评论

一直想做一个Metro风格的标签云，但是没有JS的功底，自己实现不了。于是从百度推广的Metro风格的广告页面中找来了代码，修改成了如下页面：

http://codefine.site/tagcloud.htm，

然后到WordPress的后台的小工具页面添加一个HTML块，内容为：

<iframe style="margin:6px 0 8px 0; border-right-width: 0px; width: 100%; 
border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px"
 src="http://codefine.site/tagcloud.htm" width="100%" height="280px" 
marginwidth="0" scrolling="no" ></iframe>

 

tagcloud.htm页面的内容非常容易定制，包括颜色集，整个block块的长宽等。由于这个只是抄袭过来的代码，标签的大小并不能体现文章数的多少，鼠标悬停在超链接上面时也不能浮出文章书目值。

应用这个小模块后生成的标签云效果截图为：

Metro风格的标签云

| 1 分2 分3 分4 分5 分 (5.00分 - 2票) Loading ... Loading ... | 归档目录：建站技术 | 同时打有标签： |
返回顶部