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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: