您现在的位置是：首页 > 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模板生活常识美食女性时尚综合资讯门户源码本模板为帝国cms7.5生活资讯类网站设计，以天奇生活网为参考原型，涵盖生活常识、美食烹饪、女性时尚等多元化内容板块。采用响应式布局设计，适配各种终端设备，为访客提供优质的阅读体验。模板结构清晰合理，内容展示层次分明，符合生活类网站的用户需求。查看源码
自适应建材瓷砖卫浴大理石类pbootcms网站模板源码下载为建材瓷砖、卫浴瓷砖企业打造的高端响应式门户模板，基于PbootCMS内核深度开发。采用前沿HTML5自适应架构，无缝兼容手机端触控交互与PC端展示场景。查看源码
(自适应)物流运输快递仓储货运网站模板免费下载基于PbootCMS内核开发的物流运输行业专用模板，深度适配仓储货运企业的业务展示需求。前端采用响应式布局，自动适配手机端访问，后台数据实时同步更新，帮助企业高效展示运输网络、仓储设施、服务流程等核心业务模块。查看源码
(自适应)英文电子芯片电子元件网站pbootcms模板下载基于PbootCMS内核开发的电子元件类企业专用模板，采用响应式设计技术，适配电子元器件、集成电路、半导体等行业的品牌展示与技术文档发布需求。前端布局针对芯片参数表格与产品规格书展示进行深度优化。查看源码
(PC+WAP)绿色产品环保设备垃圾桶厂家公司网站pbootcms模板为垃圾桶生产商、环保设备企业打造的高端响应式门户模板，基于PbootCMS开源内核深度开发。采用HTML5自适应架构，无缝实现PC与手机端数据实时同步与交互优化查看源码
(自适应响应式)黑色酷炫高端数码摄影pbootcms网站模板源码本模板基于PbootCMS开发，为摄影工作室、个人摄影师及摄影爱好者设计。采用深色系风格，突出摄影作品展示效果，适配各类数码设备浏览。适用于作品集展示查看源码