<track id="p1jc3"><source id="p1jc3"><em id="p1jc3"></em></source></track>
<bdo id="p1jc3"><address id="p1jc3"><dd id="p1jc3"></dd></address></bdo>
<menuitem id="p1jc3"><optgroup id="p1jc3"><dd id="p1jc3"></dd></optgroup></menuitem>

    1. <track id="p1jc3"><div id="p1jc3"></div></track>
        <track id="p1jc3"></track>
      1. <track id="p1jc3"><span id="p1jc3"></span></track>
        <track id="p1jc3"></track>

      2. <track id="p1jc3"><span id="p1jc3"></span></track>

        <menuitem id="p1jc3"></menuitem><menuitem id="p1jc3"></menuitem>

            云狐網

            您現在的位置是:首頁 > 網站建設 > cms系統

            cms系統

            最新zblog導航欄欄目名稱前面加個性小圖標的方法

            2020-04-22 14:15:31cms系統
            看到其他網站導航欄上欄目名稱簽有很多小圖標看著比較好看,記錄一下添加方法ABo電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網
            這里我的網站使用的是PHP版的zblog程序,如下圖:

            在后臺--》模塊管理--》鏈接管理(導航欄)-->圖標(class屬性值)里直接設置css代碼就好了ABo電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網

            ABo電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網
            ABo電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網
            這里要先安裝一個鏈接管理中心 的插件--》鏈接管理中心 1.2ABo電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網
            ABo電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網
            ABo電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網
            然后就可以在這個界面直接管理比如首頁的那導航那里添加這個小房子圖標ABo電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網
            就可以填寫代碼:fa-home fa  或者:fa fa-home fa-fw 前臺導航首頁前面酒顯示出來了,自己試一下看看把,更多圖標顯示碼可以自己百度查選著喜歡的圖標來設置
            ABo電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網
            ABo電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網
            如果zblog沒有安裝鏈接管理中心的插件酒直接復制代碼:<i class="fa fa-home fa-fw" aria-hidden="true"></i> 加到導航設置鏈接哪里就行了ABo電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網
            ABo電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網
            圖標大小屬性設置:

            為了增加圖標大小相對于它們的容器, 使用 fa-lg (33% 遞增), fa-2x, fa-3x, fa-4x, 或 fa-5x classes.ABo電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網

            <i class="fa fa-camera-retro fa-lg"></i> fa-lg
            <i class="fa fa-camera-retro fa-2x"></i> fa-2x
            <i class="fa fa-camera-retro fa-3x"></i> fa-3x
            <i class="fa fa-camera-retro fa-4x"></i> fa-4x
            <i class="fa fa-camera-retro fa-5x"></i> fa-5x

            <track id="p1jc3"><source id="p1jc3"><em id="p1jc3"></em></source></track>
            <bdo id="p1jc3"><address id="p1jc3"><dd id="p1jc3"></dd></address></bdo>
            <menuitem id="p1jc3"><optgroup id="p1jc3"><dd id="p1jc3"></dd></optgroup></menuitem>

              1. <track id="p1jc3"><div id="p1jc3"></div></track>
                  <track id="p1jc3"></track>
                1. <track id="p1jc3"><span id="p1jc3"></span></track>
                  <track id="p1jc3"></track>

                2. <track id="p1jc3"><span id="p1jc3"></span></track>

                  <menuitem id="p1jc3"></menuitem><menuitem id="p1jc3"></menuitem>

                      阿娇13分49秒无删减版