栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > PHP > php开源框架 > dedecms

dedecms网站制作导航栏目下拉列表

dedecms 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

dedecms网站制作导航栏目下拉列表

织梦开源程序(dedecms)是一个很不错的开源程序,功能十分的强大,只是默认的模板就有很不错的用户体验效果。而还有很多的不完美的地方,就需要我们自己去做一下修改,譬如默认导航条上面没有下拉列表的功能,今天我就来帮助大家解决一下怎样制作织梦导航下拉列表。

 

    其实这个导航条上面显示下拉列表还是蛮简单的,即使你不懂代码知识也是可以操作的,下面跟着步骤走,就能很轻松的实现啦。

 

    首先我们将将下面这段红色的代码贴到"网站根目录templetsdefault"的"footer.htm"文件里里面,一般来说把这段代码放在最下面就行了。

 

   

   

    {dede:channelartlist typeid='top' cacheid='channelsonlist'}

        {dede:channel type='son' noself='yes'}  

  • [field:typename/]
  •     {/dede:channel}

       

    {/dede:channelartlist}

   

 

    接着我们重新生成网站首页,再打开首页刷新一下就会发现你的网站导航栏已经出现下拉菜单了,只是背景还是透明的,原因是没有背景图片。这时候我们只需要再加一张我们喜欢的背景图片就好看多了。

 

    可是头疼的是,这个下拉菜单是透明的!咋么办??

 

    加背景图片的办法

 

    我们把织梦DedeCMS程序文件夹dedeimg里的mmenubg.gif(绿色背景图片,适用于绿色主题模板)或者DedeCMS程 序文件夹templetsimages里的mmenubg.gif(蓝色背景图片,适用于蓝色主题模板)复制到DedeCMS程序文件夹 /templets/default/images下面,现在你再看一下效果,导航栏是不是已经出现熟悉的下拉菜单了。

 

    如果还想有更好的效果展示的话,我们就需要去手工修改/templets/default/style/dedecms.css里面的文件了,不过这得需要一点css知识哦~

 

    修改css的话,我们可以在里面使用"ctrl+f"寻找 .dropMenu 进行修改即可。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/4208.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号