ucbug軟件站:安全、綠色、放心的專業(yè)下載站!首頁|最近更新|專題集合|標(biāo)簽云|站內(nèi)導(dǎo)航|加入收藏

《帝國CMS系統(tǒng)》怎么給導(dǎo)航欄目名前加小圖標(biāo)

時間:2018-04-08 23:55:30來源:ucbug游戲網(wǎng)人氣:0

《帝國CMS系統(tǒng)》怎么給導(dǎo)航欄目名前加小圖標(biāo)∵如何給導(dǎo)航的欄目名前加小圖標(biāo):∵看到這樣子的效果是不是覺得與眾不同,有幾個辦法可以加入,一種是在欄目里新加欄目自定義字段,以后...

帝國CMS系統(tǒng)》怎么給導(dǎo)航欄目名前加小圖標(biāo)

如何給導(dǎo)航的欄目名前加小圖標(biāo):

《帝國CMS系統(tǒng)》怎么給導(dǎo)航欄目名前加小圖標(biāo)

看到這樣子的效果是不是覺得與眾不同,有幾個辦法可以加入,一種是在欄目里新加欄目自定義字段,以后在欄目那里設(shè)定,比較復(fù)雜;
另一種簡單的辦法,就是將想顯示的欄目放到( 擴(kuò)展變量 )里面的( 導(dǎo)航 )那里去。用下面的格式來放。先放進(jìn)去,生成首頁看看效果吧。

<li class="">

<a href="一級欄目網(wǎng)址"><i class="fa fa-home"></i>一級欄目名</a>

<ul class="sub-menu">

<li><a href="二級欄目網(wǎng)址-01"><i class=" fa-heart fa"></i>  二級欄目名-01</a></li>

<li><a href="二級欄目網(wǎng)址-02"><i class="fa-heart-o fa"></i>  二級欄目名-02</a></li>

<li><a href="二級欄目網(wǎng)址-03"><i class="fa-music fa"></i>  二級欄目名-03</a></li>

<li><a href="二級欄目網(wǎng)址-04"><i class="fa-apple fa"></i>  二級欄目名-04</a></li>

</ul>

</li>

其中的<i class=" fa-heart fa"></i> 中的( fa-heart  )就是一個圖標(biāo)。

如果有多個一級欄目都帶2級欄目就將這段代碼重復(fù)放一次,將相應(yīng)的換成第二個的.

放置完成后,到欄目設(shè)定那里,將放到這個擴(kuò)展變量里面的欄目,設(shè)定為不顯示到導(dǎo)航就不會重復(fù)了。

《帝國CMS系統(tǒng)》怎么給導(dǎo)航欄目名前加小圖標(biāo)