POST TIME:2018-01-11 21:57
好多人都問,織夢的下拉導航怎么做呢?其實很簡單!即使你對代碼一點也不熟悉,沒關系!dedecms模板
首先:
將下面這段代碼貼到templetsdefaultooter.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--------*/