dede下拉菜单 - DeDecms

dede下拉菜单

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

首先是和别人的一样,按这样的步骤先操作下,将这段代码贴到templets\default\footer.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> 

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

你需要把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行,修改为:

.dropMenu {       position : absolute ;      top:  0 ;       z-index : 100 ;       width :  auto ;       visibility :  hidden ;      filter: progid:DXImageTransform.Microsoft.Shadow(color= #CACACA , direction= 135 , strength= 4 );       margin-top :  -1px ;       border :  1px   solid   #93E1EB ;       border-top :  0px   solid   #3CA2DC ;       background-color :  #FFF ;       background : url (images/mmenubg.gif);       padding-top : 6px ;       padding-bottom : 6px ;  }    .dropMenu li {       margin-top : 2px ;       margin-bottom : 4px ;       padding-left : 3px ;       padding-right : 3px ;       float : left ;  }//开源软件:phpfensi测试数据 

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

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

查看更多关于dede下拉菜单 - DeDecms的详细内容...