首页 >> 电脑网站教程 >>设计 >>系统 >> PC站导航如何设置多行显示?
详细内容

PC站导航如何设置多行显示?

PC站导航支持多行显示,具体的设置是在导航设置样式中进行操作(导航的样式必须选择“空白导航”,不支持其它样式)


具体操作步骤:


1、  普通导航:

 

说明: C:UsersAdministratorAppDataRoamingTencentUsers229038765QQWinTempRichOle1BZL804KG2CD2D2H1H`)XVJ.png

 

         2、多行效果图1

 

B2S[A_AO~G)DQJDP`Z0]]ND.png

 

操作步骤:

1) 首先设置导航样式,将导航样式设置为“空白导航”。

 

 

2) 其次设置导航的样式。注:当您的导航设置为通栏时,外边框也是通栏的效果,内边框为不通栏效果;当您的导航设置为不通栏时内边框和外边框均不通栏。

 

说明: C:UsersAdministratorAppDataRoamingTencentQQTemp6D82B109015E4D99AD93E76F1825F45E.jpg

 

3) 最后设置导航栏目项,保存即可,参考导航栏目项背景:http://aimg1.ev123.com/ev_user_module_content_tmp/2015_07_14/tmp1436845292_226516_s.png。

 

说明: C:UsersAdministratorAppDataRoamingTencentQQTemp7AC658D11AC0416EADCB7BFF916BAC8A.png

 

         3、多行效果图2

 

说明: C:UsersAdministratorAppDataRoamingTencentUsers229038765QQWinTempRichOle]XRHC7CECWEVH[6$FTVX3VN.png

 

         操作步骤:

1)  首先设置导航样式为“空白导航”。

 

 

2)  其次设置导航的样式,参考导航背景图为:

http://aimg1.ev123.com/ev_user_module_content_tmp/2015_07_14/tmp1436860405_878868_s.png。

 

说明: C:UsersAdministratorAppDataRoamingTencentUsers229038765QQWinTempRichOle6I6E`PG_H@L)JE`QWPJQJHS.jpg

 

3)  最后设置导航栏目项的样式,保存即可。

 

说明: C:UsersADMINI~1Desktop4.jpg

 

         4、多行效果图3

 

`YSIF$QZKS3D_DN1K5O$3GD.png

 

         操作步骤:

1)  首先设置导航样式为“空白导航”。

 

 

2)  其次设置导航的样式,参考背景图片:

http://aimg1.ev123.com/ev_user_module_content_tmp/2015_07_14/tmp1436867173_894012_s.png。

 

说明: C:UsersAdministratorAppDataRoamingTencentQQTemp6D591F08A55A4775A3F58DEFA03980E1.jpg

 

 

3)  最后设置导航栏目项的样式,保存即可。

 

说明: C:UsersADMINI~1Desktop6.jpg

 

二、下拉菜单样式。

说明: C:UsersAdministratorAppDataRoamingTencentQQTemp308A6E5415EC4B5EB39381798D224CAF.png

 

1、  设置下拉菜单的样式。

 

 

2、  设置下拉菜单栏目项,保存即可。

 

说明: C:UsersADMINI~1Desktop7.jpg











Copyrght@2016-2020.AII-rights-reserved.粤ICP备18136415号    

广州市美杉信息科技有限公司  版权所有



小程序  微商城  官网  分销系统  APP  小程序  微商城  官网  分销系统  APP  小程序  微商城  官网  分销系统  APP  小程序  微商城  官网  分销系统  APP  小程序  微商城  官网  分销系统  APP  小程序  微商城  官网  分销系统  APP  小程序  微商城  官网  分销系统  APP  小程序  微商城  官网  分销系统  APP  小程序  微商城  官网  分销系统  APP  小程序  微商城  官网  分销系统  APP  小程序  微商城  官网  分销系统  APP  

智慧平台

智慧学院

渠道合作

关于美杉

美杉科技

微信公众号

服务热线:

4006-990-900

服务时间:工作日9:00-18:00


在线QQ:2244-990-900


微信客服

客服中心
联系方式
4006-990-900
- QQ在线客服
微信在线客服
seo seo