濮阳杆衣贸易有限公司

主頁 > 網站建設 > 建站知識 > 織夢DEDECMS v5.7 完美實現導航條下拉菜單

織夢DEDECMS v5.7 完美實現導航條下拉菜單

POST TIME:2018-01-11 21:57

 

好多人都問,織夢的下拉導航怎么做呢?其實很簡單!即使你對代碼一點也不熟悉,沒關系!dedecms模板

首先:

將下面這段代碼貼到templetsdefault ooter.htm文件里(只要在此文件里就行,位置無所謂啦!自己看著辦?。?/p>

<!-- //二級子類下拉菜單 ,考慮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></li>

{/dede:channel}

</ul>

{/dede:channelartlist}

<script type="text/javascript">cssdropdown.startchrome("navMenu")</script>

然后,奇跡就出現了,跟新一下!會發(fā)現導航欄已經出現下拉菜單了,只是背景是透明的,原因是沒有背景圖片。是不是很簡單呢??

可是頭疼的是,這個下拉菜單是透明的!咋么辦??

接著來:

你需要把DedeCMS5.6程序文件夾dedeimg里的mmenubg.gif(綠色背景圖片,適用于綠色主題模板)或者DedeCMS5.5程 序文件夾 empletsimages里的mmenubg.gif(藍色背景圖片,適用于藍色主題模板)復制到DedeCMS5.6程序文件夾 /templets/default/images下面,現在你再看一下效果,呵呵,導航欄是不是已經出現熟悉的下拉菜單了

此時,你想要的效果基本上已經完成了!如果你還想做其他的設置,比如調整位置,呵呵。。。只需要去/templets/default/style/dedecms.css

里你可以ctrl+f 尋找 .dropMenu 沒錯就是他控制著呢?

如果只是調整寬度,只用修改 :

width: 100px;/*------ //原來參數是120-,如果二級標題字數少,還可以把參數調整到80,乃至是60--------*/



收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266
当雄县| 苍溪县| 桓台县| 蒲城县| 通渭县| 当雄县| 石屏县| 龙陵县| 兴国县| 老河口市| 鄂伦春自治旗| 丹东市| 祁连县| 壤塘县| 唐海县| 百色市| 东海县| 新巴尔虎右旗| 中江县| 昌黎县| 建昌县| 夏邑县| 修水县| 宜良县| 西峡县| 明水县| 道真| 黑水县| 阿坝县| 洪湖市| 体育| 罗江县| 平湖市| 竹北市| 枣阳市| 当雄县| 宣化县| 沾益县| 澎湖县| 交城县| 南丰县|