您现在的位置是：首页 > 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后台打不开的解决方法

图文教程

相关源码

(自适应响应式)房产合同知识产权企业管理pbootcms模板下载本模板基于PbootCMS系统开发，为知识产权服务、法律咨询及企业合同管理等行业设计。采用严谨专业的布局风格，突出法律文书与知识产权服务行业特色，适合展示各类法律服务和知识产权相关内容。查看源码
(PC+WAP)绿色硅胶橡胶玩具制品营销型网站源码下载为硅胶橡胶制品及玩具行业打造的营销型网站模板，采用PbootCMS内核开发，通过模块化设计实现产品参数、安全认证、应用场景等专业内容的可视化呈现，助力企业建立可信赖的线上展示平台。查看源码
(自适应响应式)化妆美容口红唇膏化妆品模板pbootcms源码下载基于PbootCMS开发的响应式模板，为化妆品品牌、美容机构打造，通过优雅的视觉呈现提升产品展示效果与品牌调性。采用时尚杂志排版风格，色卡系统规范产品展示。微交互动画增强用户体验，智能推荐算法提升产品关联展示效果。查看源码
(自适应响应式)宠物经验资讯咨询博客pbootcms网站源码下载除宠物资讯领域外，通过内容替换可快速适配宠物用品商城、宠物医疗咨询平台、宠物训练教程网站、动物保护组织官网、水族爱好者社区等垂直领域。查看源码
帝国CMS中小学生知识点试题练习题考试源码下载基于帝国CMS后台管理系统，支持在线修改联系信息、网站参数等配置，操作流程简洁明了。专注于中小学教育领域，集成知识点总结、试题练习、考试资讯等学习资源，为师生提供全面的在线学习支持与服务。查看源码
自适应新闻资讯技术博客个人网站pbootcms模板该模板基于PbootCMS开源内核深度开发，该模板适用于游戏新闻网站、游戏博客等企业或个人网站，新闻资讯技术博客pbootcms模板；采用六级分辨率断点适配技术查看源码