网站地图    收藏   

主页 > 后端 > dedecms >

dede下拉菜单 - DeDecms

来源:自学PHP网    时间:2014-11-30 17:03 作者: 阅读:

[导读] dede5.6横向下拉菜单,在网上看了很多的东西,说是dede从5.6没有下拉的菜单.因为要帮别人做一个站.就研究了一下.首先是和别人的一样,按这样的步骤先操作下,将这段代码贴到templets\default...

dede下拉菜单

dede5.6横向下拉菜单,在网上看了很多的东西,说是dede从5.6没有下拉的菜单.因为要帮别人做一个站.就研究了一下.

首先是和别人的一样,按这样的步骤先操作下,将这段代码贴到templets\default\footer.htm文件里.

  1. <!-- //二级子类下拉菜单,考虑SEO原因放置于底部  --> 
  2. <script type='text/javascript' src='{dede:global.cfg_cmsurl/}/images/js/dropdown.js'></script> 
  3. {dede:channelartlist typeid='top' cacheid='channelsonlist'}<ul id="dropmenu{dede:field.typeid/}" class="dropMenu"
  4.   {dede:channel type='son' noself='yes'}  <li><a href="[field:typelink/]">[field:typename/]</a></li> 
  5.   {/dede:channel} 
  6. </ul> 
  7. {/dede:channelartlist} 
  8. <script type="text/javascript">cssdropdown.startchrome("navMenu")</script> 

然后你看一下效果,会发现导航栏已经出现下拉菜单了,只是背景是透明的,原因是没有背景图片.

你需要把DedeCMS5.6程序文件夹\dede\img里的mmenubg.gif(绿色背景图片,适用于绿色主题模板)或者DedeCMS5.5 程序文件夹\templets\images里的mmenubg.gif(蓝色背景图片,适用于蓝色主题模板)复制到DedeCMS5.6程序文件夹 /templets/default/images下面,现在你再看一下效果,呵呵,导航栏是不是已经出现熟悉的下拉菜单了.

当一切都完成后就能看到竖向的下拉菜单了,效果还可以哦,然后再修改css,让它也成为横向的就行了.

在http://localhost/templets/default/style/dedecms.css中的大概是366行,修改为:

  1. .dropMenu { 
  2.     position:absolute
  3.     top: 0
  4.     z-index:100
  5.     widthauto
  6.     visibilityhidden
  7.     filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA, direction=135, strength=4); 
  8.     margin-top-1px
  9.     border1px solid #93E1EB
  10.     border-top0px solid #3CA2DC
  11.     background-color#FFF
  12.     background:url(../images/mmenubg.gif); 
  13.     padding-top:6px
  14.     padding-bottom:6px
  15.  
  16. .dropMenu li { 
  17.     margin-top:2px
  18.     margin-bottom:4px
  19.     padding-left:3px
  20.     padding-right:3px
  21.     float:left
  22. }//开源软件:phpfensi.com 

然后再更新下缓存.看看效果:

dede下拉菜单

那个背景图没有换.效果就这样吧....

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论