导读:织梦教程织梦教程最近用了织梦CMS的最新版5.7做了个网站，发现系统默认的导航条不是很好看，也没有下拦菜单，感觉比较单调难看，如何美化下拉菜单？经本人调试成功，觉得效果不错，现织梦首页模板dede5.7模板。

最近用了织梦CMS的最新版5.7做了个网站，发现系统默认的导航条不是很好看，也没有下拦菜单，感觉比较单调难看，如何美化下拉菜单？经本人调试成功，觉得效果不错，现在做个教程与大家分享。 美化导航条步骤： 1.将下面这段代码贴到templets\default\footer.htm文件里（我是放在footer文件的最下面） <!-- //二级子类 下拉菜单，考虑SEO原因放置于底部。 --> <script type='text/javascript' src='{dede:global.cfg_cmsurl/}/images/js/dropdown.js'></script> {dede:channelartlist typeid='top' cacheid='channelsonlist'}<ul id="dropmenu{dede:field.typeid/}" class="dropMenu">   {dede:channel type='son' noself='yes'}  <li><a href="[field:typelink/]">[field:typename/]</a&dede模板免费gt;</li>   {/dede:channel} </ul> {/dede:channelartlist} <script type="text/javascript">cssdropdown.startchrome("navMenu")</script> 2.刷新网页发现已经神奇地出现了下拉菜单，但此时是透明的，因为缺少一个下拉菜单图片。   把mmenubg.gif 放在/templets/default/images 里面，再刷新下看效果。(注：mmenubg.gif里的文字自己修改。) 3.此时你发现菜单与栏目不够适应，别急，可以调节css来达到相应的菜单宽度。 打开/templets/default/style/织梦模板.css文件(用记事本打开) 找到.dropMenu 这个就是控制导航条的。 看下面的代码： /*-------- 下拉菜单 --------------*/ .dropMenu {          position:absolute;          top: 0;       dede免费模板   z-index:100;      &dede模板堂nbsp;   width: 120px;          visibility: hidden; 红色代码就是控制下拉菜单的宽度，调整到自己满意的宽度。

4.把green_skin.png(已经蓝色化)、header_hover.png放在/templets/default/images文件夹里。

（本教程转自官方论坛，感谢作者：织梦模板.com/u.php?uid=308">52ew 。）

关键词标签: 标签 CMS 菜单