最新zblog導航欄欄目名稱前面加個性小圖標的方法
2020-04-22 14:15:31cms系統
看到其他網站導航欄上欄目名稱簽有很多小圖標看著比較好看,記錄一下添加方法
這里我的網站使用的是PHP版的zblog程序,如下圖:
這里要先安裝一個鏈接管理中心 的插件--》

然后就可以在這個界面直接管理比如首頁的那導航那里添加這個小房子圖標
就可以填寫代碼:fa-home fa 或者:fa fa-home fa-fw 前臺導航首頁前面酒顯示出來了,自己試一下看看把,更多圖標顯示碼可以自己百度查選著喜歡的圖標來設置
如果zblog沒有安裝鏈接管理中心的插件酒直接復制代碼:<i class="fa fa-home fa-fw" aria-hidden="true"></i> 加到導航設置鏈接哪里就行了
圖標大小屬性設置:
這里我的網站使用的是PHP版的zblog程序,如下圖:
在后臺--》模塊管理--》鏈接管理(導航欄)-->圖標(class屬性值)里直接設置css代碼就好了

這里要先安裝一個鏈接管理中心 的插件--》


然后就可以在這個界面直接管理比如首頁的那導航那里添加這個小房子圖標

就可以填寫代碼:fa-home fa 或者:fa fa-home fa-fw 前臺導航首頁前面酒顯示出來了,自己試一下看看把,更多圖標顯示碼可以自己百度查選著喜歡的圖標來設置
如果zblog沒有安裝鏈接管理中心的插件酒直接復制代碼:<i class="fa fa-home fa-fw" aria-hidden="true"></i> 加到導航設置鏈接哪里就行了
圖標大小屬性設置:
![]() |
為了增加圖標大小相對于它們的容器, 使用
|
點個贊! ()