郑州亚雷
郑州新媒体
电商运营

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

字号+ 作者:王小雷 来源:未知2018-01-09 18:16 我要评论( )

如何在dedecms的导航栏添加下拉菜单? 以配置本地服务器搭建本地网站为例子,首先在后天新建一个顶级栏目,操作截图如下: 点击确定即可,然后点击增加子类,截图如下: 增加的子类,内容填充如上截图,填写完成后,点击确定。然后点击栏目生成,主页生成。

如何在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的导航栏添加下拉菜单?

     

       &&个人微信&&                          
&&今日头条号&&                &&微信公众号&&

 

转载请注明出处。

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

郑州自媒体相关文章
郑州自媒体
郑州亚雷
郑州自媒体精彩导读
郑州自媒体
郑州亚雷
郑州自媒体
郑州亚雷