二级导航条怎么写啊?
生活随笔
收集整理的這篇文章主要介紹了
二级导航条怎么写啊?
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
首先我們先來確定一下要做到什么樣才能到達自己想要的效果,而在修改之前我們先來看一下目標吧!這樣方便接下來的修改:想要看到效果首先就是現在后臺添加好一級欄目和二級欄目,這樣做出更改以后才能看到效果。打開后臺---登錄---選擇左上方界面----導航設置---添加主導航---添加二級導航最終的效果就是添加一個主導航然后再在主導航里添加兩三個二級導航,這樣在你接下來的修改才能看到明顯的效果。這一步就是設置二級導航的樣式,也就是圖片的箭頭所指的位置,這里可設置成1、菜單樣式,2、橫排樣式,兩種效果,這兩種效果具體什么樣的我就不說了,在這主要是圖片中框中的,這里最好有鏈接,加上鏈接后樣式文件中的a才能起到相應的效果:做完第四步后更新一下緩存,到前臺刷新一下就能看到效果了。但是你很可能選擇橫排發現沒效果,但是不用擔心,這個問題你可以去源碼中實現,找到common.css文件(圖片中已經顯示中去那些文件夾里找)然后用DW打開文件(如果你不知道這個軟件就用記事本打開也行),用查找工具找到 .p_pop li 然后在后面的括號內加上: float:left; border-right:1px solid #666; padding-left:5px; padding-right:5px; 做到這一步基本上就完成了,如果你還想要加一下自己想要的效果的話可以在圖片中的代碼中更改,絕對能達到你想要的效果的(前臺你懂那些代碼)。
這個都不用js的,有hover就好了,先把右邊的div放在那里,給設置display:none,在左邊div:hover給設置display:block;在順便改個圖片就好了
你這個就是一個矛盾了,我建議要么就縱向的。要么就不要考慮居中了 你要是說居中的話 假如聯系我們下面的二級較多的話,你居中肯定會撐開的。聯系我們那里右浮動吧!
你的意思是什么?鼠標劃到導航上,然后下面出來一列子導航的效果嗎?
一級菜單_01
這個都不用js的,有hover就好了,先把右邊的div放在那里,給設置display:none,在左邊div:hover給設置display:block;在順便改個圖片就好了
你這個就是一個矛盾了,我建議要么就縱向的。要么就不要考慮居中了 你要是說居中的話 假如聯系我們下面的二級較多的話,你居中肯定會撐開的。聯系我們那里右浮動吧!
你的意思是什么?鼠標劃到導航上,然后下面出來一列子導航的效果嗎?
一級菜單_01