EMLOG擴展|標簽云 - 適用EMLOG大前端

EMLOG大前端擴展

EMLOG大前端主題收費了,作者已經不為免費版提供更新了~

這年頭還是得靠錢,不然就得靠自己

4.2更新了標簽云功能,我在這里發出來

上期是讀者排行,詳細查看前面日志

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

演示:http://www.zoe725.cn/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) 回復
不錯啊,我只是回復下,下載下,換鏈接嗎???
騰訊視頻 6年前 (2019-07-05) 回復
##這篇評論是私密評論##
無奈 6年前 (2019-07-02) 回復
1 2 3 4 5 6