龙空技术网

如何dedecms的导航栏添加下拉菜单?

科技楼阁 121

前言:

当前各位老铁们对“dedecms后台的css修改”都比较看重,你们都想要剖析一些“dedecms后台的css修改”的相关知识。那么小编也在网络上收集了一些对于“dedecms后台的css修改””的相关文章,希望你们能喜欢,同学们一起来学习一下吧!

以配置本地服务器搭建本地网站为例子,首先在后天新建一个顶级栏目,操作截图如下:

点击确定即可,然后点击增加子类,截图如下:

增加的子类,内容填充如上截图,填写完成后,点击确定。然后点击栏目生成,主页生成。主页截图如下:

之后百度搜索dede下拉菜单代码:

点击第一个展现位,选中代码,复制,粘贴到footer.html 最低底部中,

生成主页刷新,下拉子栏目就会出现,截图如下:

下拉栏目没有背景,因为缺少图片,百度搜索背景图片,下载一个到本地。

下载后将图片命名为:mmenubg.gif,然后上传到/templets/default/images。然后生成主页刷新一下,下拉菜单背景就会出现。

此时,你想要的效果基本上已经完成了,如果你还想做其他的设置,比如调整下拉菜单的宽度,只需要找到/templets/default/style/dedecms.css文件,ctrl+f 寻找.dropMenu,如果只是调整宽度,只用修改 :width: 60px;/*------ //原来参数是120-,如果二级标题字数少,还可以把参数调整到50,乃至是30--------*/。截图如下:

保存生成效果如下图所示:

标签: #dedecms后台的css修改