軟件APP類網(wǎng)站源碼織夢(mèng)通用型企業(yè)網(wǎng)站源碼html

html5響應(yīng)式網(wǎng)站織夢(mèng)模板源碼IT網(wǎng)絡(luò)工作室織夢(mèng)網(wǎng)

藍(lán)色安防器材公司類整站模板

工業(yè)環(huán)保工程類企業(yè)網(wǎng)站織夢(mèng)模板(帶手機(jī)端)

織夢(mèng)開源程序(dedecms)是一個(gè)很不錯(cuò)的開源程序，功能十分的強(qiáng)大，只是默認(rèn)的模板就有很不錯(cuò)的用戶體驗(yàn)效果。而還有很多的不完美的地方，就需要我們自己去做一下修改，譬如默認(rèn)導(dǎo)航條上面沒有下拉列表的功能，今天我就來幫助大家解決一下怎樣制作織夢(mèng)導(dǎo)航下拉列表。

其實(shí)這個(gè)導(dǎo)航條上面顯示下拉列表還是蠻簡單的，即使你不懂代碼知識(shí)也是可以操作的，下面跟著步驟走，就能很輕松的實(shí)現(xiàn)啦。

首先我們將將下面這段紅色的代碼貼到"網(wǎng)站根目錄\templets\default\&;的"footer.htm"文件里里面，一般來說把這段代碼放在最下面就行了。

<!-- //放于底部即可-->

<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>

接著我們重新生成網(wǎng)站首頁，再打開首頁刷新一下就會(huì)發(fā)現(xiàn)你的網(wǎng)站導(dǎo)航欄已經(jīng)出現(xiàn)下拉菜單了，只是背景還是透明的，原因是沒有背景圖片。這時(shí)候我們只需要再加一張我們喜歡的背景圖片就好看多了。

可是頭疼的是，這個(gè)下拉菜單是透明的！咋么辦？？

加背景圖片的辦法

我們把織夢(mèng)DedeCMS程序文件夾\dede\img里的mmenubg.gif（綠色背景圖片，適用于綠色主題模板）或者DedeCMS程 序文件夾\templets\images里的mmenubg.gif（藍(lán)色背景圖片，適用于藍(lán)色主題模板）復(fù)制到DedeCMS程序文件夾 /templets/default/images下面，現(xiàn)在你再看一下效果，導(dǎo)航欄是不是已經(jīng)出現(xiàn)熟悉的下拉菜單了。

如果還想有更好的效果展示的話，我們就需要去手工修改/templets/default/style/dedecms.css里面的文件了，不過這得需要一點(diǎn)css知識(shí)哦~

修改css的話，我們可以在里面使用"ctrl+f"尋找 .dropMenu 進(jìn)行修改即可。