導讀:織夢教程織夢教程最近用了織夢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 菜單