您现在的位置是：首页 > cms教程 > DedeCMS教程DedeCMS教程

dedecms导航栏分两行显示的方法

钟召云2023-12-22DedeCMS教程已有人查阅

导读我们知道织梦模板的默认导航只有在一行中显示，当我们的网站栏目超过10个以后，就显示不完整了，怎么办？大家一定可以想到让导航分两行显示。

我们知道织梦模板的默认导航只有在一行中显示，当我们的网站栏目超过10个以后，就显示不完整了，怎么办？大家一定可以想到让导航分两行显示。是的，我们可以通过修改系统的CSS文件，让我的导航栏分两行显示。下面是我为大家提供的修改方法：
首先请大家找到/templets/default/织梦模板.css这个文件后打开，
然后修改188行为以下内容：

.header .nav{
width:100%;
height:64px;
background:url(../images/nav-bg.gif) repeat-x;
clear:both;
overflow:hidden;
}
.header .nav ul{
height:64px;
margin:0px auto;
overflow:hidden;
}

通过以上的修改，一定可以实现导航分两行显示。

本文标签：

很赞哦！ ()

上一篇：怎么调用dedecms小说模块的代码

下一篇：dedecms后台打不开的解决方法

图文教程

相关源码

帝国cms7.5自适应手机端在线课程教育网站源码基于帝国CMS后台管理系统，支持在线修改支付参数、联系方式等配置信息，操作界面直观便捷。专注于在线教育视频领域，提供完整的视频课程展示、付费购买及在线支付解决方案。支持多种支付渠道，满足教育培训机构的运营需求。查看源码
帝国cms大气淘宝客网站源码带手机版带火车头采集本款创意礼物导购网站模板为礼物类电商平台设计，采用清爽简约的界面风格，具备完善的商品导购功能。系统支持在文章攻略中灵活插入商品购买链接，实现内容与电商的结合。查看源码
(自适应)HTML5响应式双语绿色物流运输快递货运pbootcms源码本款基于PbootCMS开发的网站模板为物流运输、快递货运行业设计，采用HTML5技术构建，支持简繁字体切换。模板设计充分考虑了货运物流行业的特点，可专业展示运输服务、物流网络和业务优势等内容。查看源码
(PC+WAP)中英双语户外用品帐篷装备pbootcms网站模板下载这款基于PbootCMS开发的中英文双语模板专为户外装备行业设计，适配PC和移动设备。模板采用现代化设计风格，突出户外产品的功能性和实用性，帮助企业建立专业的国际化展示平台。查看源码
(自适应)文案文档作文写作word资源网站模板下载本模板基于PbootCMS系统深度开发，针对电影解说、文案分享类网站的特殊需求设计。采用响应式布局技术，确保在手机端和桌面端都能呈现专业的内容展示效果，帮助运营者高效管理影视解说资源。查看源码
(PC+WAP)历史复古古典古籍文章资讯类pbootcms模板下载本模板基于PbootCMS系统开发，为古籍研究、历史文献类网站设计，特别适合展示古典书籍、历史档案等文化内容。采用复古风格设计，同时具备现代化响应式布局，确保在PC和移动设备上都能呈现优雅的阅读体验。查看源码