EMLOG扩展|标签云 - 适用EMLOG大前端

EMLOG大前端扩展

EMLOG大前端主题收费了,作者已经不为免费版提供更新了~

这年头还是得靠钱,不然就得靠自己

4.2更新了标签云功能,我在这里发出来

上期是读者排行,详细查看前面日志

此功能也研究了半天嘞,忘大家支持!!

演示:http://www.aeink.com/tags.html

教程开始:

1.在主题目录复制一份page.php文件,重命名page-tags.php并打开,清空其中的代码,把以下代码复制进去 然后保存。

2.在网站后台新建页面,然后在自定义页面模板处填上page-tags 保存后看看效果,如出现错位请按F12慢慢调试。

本文隐藏内容 评论刷新本页 后才可以浏览.


打开/templates/emlog_dux/style/main.css文件

找到.focusmo a:hover h4{background-color:#0094ff}在其位置下粘贴以下CSS

.page_tags a {display:inline-block;margin:0 10px 10px 0;color:#999;background-color:#eee;padding:5px 10px;font-size:12px; border-radius:2px;}
.page_tags a em {font-style:normal;font-size:11px;margin-left:5px;}
.page_tags a:hover {color:#fff;}
.page_tags a:nth-child(9n):hover{background-color: #45B6F7;}
.page_tags a:nth-child(9n+1):hover{background-color: #15a287;}
.page_tags a:nth-child(9n+2):hover{background-color: #5cb85c;}
.page_tags a:nth-child(9n+3):hover{background-color: #d9534f;}
.page_tags a:nth-child(9n+4):hover{background-color: #567e95;}
.page_tags a:nth-child(9n+5):hover{background-color: #b433ff;}
.page_tags a:nth-child(9n+6):hover{background-color: #00a67c;}
.page_tags a:nth-child(9n+7):hover{background-color: #b37333;}
.page_tags a:nth-child(9n+8):hover{background-color: #f60;} 

在此感谢蓝叶,我只是移植~

关注AE博客,更多精彩~

转载请注明出处 AE博客|墨渊 » EMLOG扩展|标签云 - 适用EMLOG大前端

发表评论

路人甲

网友评论(55)

|´・ω・)ノ哒哒哒路过
路人6千里 3年前 (2022-01-01) 回复
博主有模仿你的模板大纲吗
学习emlog 3年前 (2021-10-11) 回复
我咋个调用不行啊
众娱网 4年前 (2021-01-07) 回复
@众娱网:是大前端么
墨渊 4年前 (2021-01-07) 回复
Priscaliao 5年前 (2020-04-16) 回复
看看
爱Q网络 5年前 (2020-02-04) 回复
谢谢
那个中午 5年前 (2020-01-18) 回复
这个适合其他模板吗
欧克 5年前 (2019-12-13) 回复
@欧克:可以,自己做适配
墨渊 5年前 (2019-12-14) 回复
看一下
樊凡 5年前 (2019-10-16) 回复
不错啊,我只是回复下,下载下,换链接吗???
腾讯视频 5年前 (2019-07-05) 回复
##这篇评论是私密评论##
无奈 5年前 (2019-07-02) 回复
1 2 3 4 5 6