濮阳杆衣贸易有限公司

主頁 > 網(wǎng)站建設 > 建站知識 > 織夢DEDECMS v5.7 完美實現(xiàn)導航條下拉菜單

織夢DEDECMS v5.7 完美實現(xiàn)導航條下拉菜單

POST TIME:2018-01-11 21:57

 

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

首先:

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

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

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

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

接著來:

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

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

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

如果只是調(diào)整寬度,只用修改 :

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



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

  • 400-1100-266
金坛市| 双峰县| 沙湾县| 镇巴县| 奇台县| 盐边县| 阿鲁科尔沁旗| 凤冈县| 榆树市| 汉源县| 新邵县| 益阳市| 霍州市| 池州市| 广元市| 赤城县| 澄江县| 西青区| 锡林浩特市| 金阳县| 唐河县| 金门县| 喜德县| 夏河县| 丁青县| 汝阳县| 五河县| 双鸭山市| 安溪县| 天津市| 华池县| 永福县| 龙海市| 诸暨市| 山丹县| 琼结县| 星子县| 筠连县| 兴海县| 怀柔区| 东乌|