|
拖拽版導(dǎo)航、下拉菜單設(shè)置多行一、多行導(dǎo)航,將普通單行的改為多行(本次演示基礎(chǔ)為:拖拽版、屏寬為960px)。 1、 普通導(dǎo)航:
2、多行效果圖1:
操作步驟: 1) 首先設(shè)置導(dǎo)航樣式,將導(dǎo)航樣式設(shè)置為“空白導(dǎo)航”。
2) 其次設(shè)置導(dǎo)航的樣式。注:當(dāng)您的導(dǎo)航設(shè)置為通欄時(shí),外邊框也是通欄的效果,內(nèi)邊框?yàn)椴煌谛Ч�;�?dāng)您的導(dǎo)航設(shè)置為不通欄時(shí)內(nèi)邊框和外邊框均不通欄。
3) 最后設(shè)置導(dǎo)航欄目項(xiàng),保存即可,參考導(dǎo)航欄目項(xiàng)背景:http://aimg1.ev123.com/ev_user_module_content_tmp/2015_07_14/tmp1436845292_226516_s.png。
3、多行效果圖2:
操作步驟: 1) 首先設(shè)置導(dǎo)航樣式為“空白導(dǎo)航”。
2) 其次設(shè)置導(dǎo)航的樣式,參考導(dǎo)航背景圖為: http://aimg1.ev123.com/ev_user_module_content_tmp/2015_07_14/tmp1436860405_878868_s.png。
3) 最后設(shè)置導(dǎo)航欄目項(xiàng)的樣式,保存即可。
4、多行效果圖3:
操作步驟: 1) 首先設(shè)置導(dǎo)航樣式為“空白導(dǎo)航”。
2) 其次設(shè)置導(dǎo)航的樣式,參考背景圖片: http://aimg1.ev123.com/ev_user_module_content_tmp/2015_07_14/tmp1436867173_894012_s.png。
3) 最后設(shè)置導(dǎo)航欄目項(xiàng)的樣式,保存即可。
二、下拉菜單樣式。
1、 設(shè)置下拉菜單的樣式。
2、 設(shè)置下拉菜單欄目項(xiàng),保存即可。
|