首页
产品
云站服务
云站
15年行业经验,专业企业网站建设解决方案
云信服务
短信
专注提供优质、稳定的短信服务
支持
合作
搜索
首页
支持
帮助中心
通讯
帮助中心
导航栏的添加和管理
来源:英拓云站
时间:2017-11-20 00:00:00
<p><img alt="" width="18" height="18" src="http://old.websitemanage.cn/pro-help/upload/image/1373957801.png"/><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: none;">导航类型 </span><img alt="" width="18" height="18" src="http://old.websitemanage.cn/pro-help/upload/image/1373957801.png"/><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: none;">菜单编辑 </span><img alt="" width="18" height="18" src="http://old.websitemanage.cn/pro-help/upload/image/1373957801.png"/><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: none;">样式 </span><img alt="" width="18" height="18" src="http://old.websitemanage.cn/pro-help/upload/image/1373957801.png"/><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: none;">样式设置 </span><img alt="" width="18" height="18" src="http://old.websitemanage.cn/pro-help/upload/image/1373957801.png"/><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: none;">属性 </span><img alt="" width="18" height="18" src="http://old.websitemanage.cn/pro-help/upload/image/1373957801.png"/><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: none;">创建二级页面(子页面) </span><img alt="" width="18" height="18" src="http://old.websitemanage.cn/pro-help/upload/image/1373957801.png"/><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: none;">如何将页面在导航栏上隐藏</span><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: underline;"> </span><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"><br/>通过编辑页面左侧的“添加模块”按钮, 将导航栏模块拖到编辑页面上。<br/></span><img alt="" width="0" height="0" src="http://old.websitemanage.cn/agent-help/upload/image/1450340165.jpg"/><br/><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">拖放成功后, 导航栏出现在页面上,您可以随时自行调节导航条的位置。<br/></span><img alt="" width="710" height="497" src="http://old.websitemanage.cn/agent-help/upload/image/1450340192.jpg"/><br/><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">导航条添加成功后,如果不喜欢默认的样式或者颜色,您可以对这些进行调整。导航条的工具条上有多个功能,我们会重点说一下第3个至6个功能:</span></p><p><br/><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">a.</span><a style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: none;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">导航类型</span></a><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">:<br/>本地导航/自定义导航本地导航--我们事先已经设置好的导航的样式,具体的挑选可以在“样式”功能处选择。自定义导航—您可以自行设计自己需要的导航模式,这个会需要比较多的时间,一般都会选择使用本地导航,本地导航中目前有178种,分为横向和纵向导航共6大类,每种类别都有对应多种颜色选择,同时提供子菜单可以向上或者向左的导航样式。 <br/></span><img alt="" width="710" height="497" src="http://old.websitemanage.cn/agent-help/upload/image/1450340278.jpg"/><br/><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">左边的样式菜单中您可以选择喜欢的导航栏样式。我们选择蓝色的那一款样式。</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"> </span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">b.</span><a style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: none;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">菜单编辑</span></a><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">:<br/>点击“菜单编辑”,会打开“页面管理”中的页面菜单(左上角),在这里,可以用鼠标拖拽的方式调整页面的顺序。 <br/></span><img alt="" width="710" height="497" src="http://old.websitemanage.cn/agent-help/upload/image/1450340628.jpg"/><br/><br/><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">c.</span><a style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: none;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">样式</span></a><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">:<br/>样式就是导航条的样式,从这里选择的都是本地导航,已经设计好供选择的:</span></p><p><img alt="" width="710" height="533" src="http://old.websitemanage.cn/agent-help/upload/image/1450340679.jpg"/></p><p><br/><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">d</span><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: none;">.</span><a style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: none;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">样式设置</span></a><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: none;">:</span><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"><br/>如何改变导航栏颜色、字号、间距、及下拉菜单样式,建站系统导航栏的样式设置功能非常强大, 点击导航条样式设置按钮(红框位置)。</span></p><p><img alt="" width="710" height="497" src="http://old.websitemanage.cn/agent-help/upload/image/1450340755.jpg"/><br/><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">在这里您可以对主菜单及下拉菜单的样式进行全方位的调整与设置, 属于导航条的进阶应用功能. 具体的功能操作大家可以在实践中熟悉和体会, 我们把几个概念在下面解释一下:全局设置:整条导航栏的整体部分,这个将在最底层,效果不明显,因为会被其他层面遮挡。主菜单:即打开网页看到的导航栏菜单, 导航栏上一般是我们的各页面的名字。主菜单悬停:即当鼠标放在导航栏上时, 导航栏上的的变化设置。子菜单:即主菜单下的下拉子菜单 (子页面)。 子菜单悬停:即当鼠标放在子菜单上时, 子菜单的变化设置。</span></p><p><br/><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">e.</span><a style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: none;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">属性</span></a><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: none;">:</span><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"><br/>导航栏的属性设置和文本模块、图片模块的使用是完全一样的。 <br/></span><img alt="" width="710" height="497" src="http://old.websitemanage.cn/agent-help/upload/image/1450340817.jpg"/><br/><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">边框: <br/>a.导航栏四周的边框,可设实线、虚线,可选择实线/虚线的颜色,粗细 <br/>b.圆角设置:导航栏的四角挫圆 <br/>c.页脚元素:在前面那个框打上勾后,就能进入网站的最底部,而不是往下压。 <br/>常用:旋转:如导航栏铺满整个页面的话,旋转效果会异常,因为不够空间来移动。这时,就需要把导航栏缩小并居中。 <br/>背景:导航背景更换,效果将显示在导航栏的全局</span></p><p><br/><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">1.</span><a style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: none;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">创建二级页面(子页面)</span></a><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: none;">:</span><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"><br/>假如我们要添加一个叫“最新动态”的页面做为“行业新闻”的二级页面, 可按以下方法操作:同上点击“创建新页面”, 打开新增页面的对话框。</span></p><p><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"> </span><img alt="" width="710" height="533" src="http://old.websitemanage.cn/agent-help/upload/image/1450340907.jpg"/><br/><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">在所属主页下拉框中选中“行业新闻”, 表明当前正在创建的页面是“行业新闻”页面的下级页面。然后点保存,创建成功。这时我们再看之前的导航栏, 在“行业新闻”下已经出现了一个二级页面了。如下图: <br/></span><img alt="" width="710" height="497" src="http://old.websitemanage.cn/agent-help/upload/image/1450340958.jpg"/><br/><br/><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">2.</span><a style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: none;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">如何将页面在导航栏上隐藏</span></a><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei"; text-decoration: none;">:</span><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"><br/>在页面管理里点中下图红框位置“眼晴”图样, 即可让页面在导航栏上隐藏, 再次点击就会显示, 非常简单。<br/></span><img alt="" width="710" height="497" src="http://old.websitemanage.cn/agent-help/upload/image/1450341064.jpg"/><br/><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"> </span></p><p><br/></p>
返回顶部
咨询
帮助
顶部
隐藏
咨询
全国热线
400 6060 560
售前咨询
英拓小黄
英拓小许
英拓杨杨
深圳客服
售后咨询
售后客服
售后客服2
帮助
新手专区
页面中添加图文模块并编辑
超级大屏自定义导航
测试
测试1
添加页面和页面管理
页面管理-设置栏目链接
导航栏的添加和管理
更换网站页面的背景图
使用指南
产品
功能
主题
支持
帮助中心
合作
合作
资讯
最新动态
媒体报道
帮助中心
公司
关于我们
联系我们
关注我们
客服热线
400-6060-560
周一至周日
8:00-18:00
7x24小时客服
英拓网络
GXIDC
IDC7
一修匠
优购生态
IDC圈
快递查询
Copyright © 2016 英拓网络-site.cncloud.com 版权所有 桂B2-20050077-7
<script src="https://s19.cnzz.com/z_stat.php?id=1268668340&web_id=1268668340" language="JavaScript"></script>