编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

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

wxchong 2024-08-30 03:57:41 开源技术 22 ℃ 0 评论

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

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

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

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

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

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

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

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

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

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

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表