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

图文教程

相关源码

(自适应响应式)HTML5简繁双语电子元器件设备制造Pbootcms模板下载本模板为电子科技设备制造、电子元件生产等高科技企业设计，采用PbootCMS内核开发，具备简繁双语切换功能。模板设计充分考虑了电子科技行业的技术展示需求，能够专业呈现各类电子元器件、电路板、智能设备的参数规格和应用方案。查看源码
(自适应多语言)WordPress开源主题MirageV资讯个人博客源码MirageV资讯类个人博客主题源码/WordPress主题/全开源MirageV 是一款开源的 WordPress 主题，支持自适应、暗黑模式、多语言等功能，查看源码
(自适应)营销型健身器材产品设备类pbootcms模板网站为健身器材企业打造的营销型网站模板，基于PbootCMS开源内核开发。采用HTML5响应式架构，PC与移动端数据实时同步，适配多终端展示场景。查看源码
(自适应)绿色农业大型机械设备展示网站模板下载基于PbootCMS内核深度定制开发的农业机械行业专用模板。针对农机设备展示、产品参数说明等需求优化设计，突出农业机械行业特性查看源码
帝国cms7.5游戏门户H5小游戏网站模板源码免费下载基于帝国CMS7.5开发的H5游戏门户模板，为在线游戏平台设计。支持PC端与移动端同步生成，打造完整的游戏娱乐体验平台。查看源码
pbootcms响应式蓝色旅游旅行社pbootcms网站源码下载为旅游公司、旅行社定制的响应式网站模板，聚焦旅游线路展示、景点推荐及预约服务场景。采用PbootCMS内核开发，自适应技术确保PC与手机端数据实时同步查看源码