织梦DEDECMS v5.7 完美实现导航条下拉菜单

好多人都问,织梦的下拉导航怎么做呢?其实很简单!即使你对代码一点也不熟悉,没关系! dedecms模板 首先: 将下面这段代码贴到templets\default\footer.htm文件里(只要在此文件里就行,位置无所谓啦!自己看着办!) !-- //二级子类下拉菜单 ,考虑SEO原

 

      好多人都问,织梦的下拉导航怎么做呢?其实很简单!即使你对代码一点也不熟悉,没关系!dedecms模板

 

首先:

将下面这段代码贴到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下面,现在你再看一下效果,呵呵,导航栏是不是已经出现熟悉的下拉菜单了

此时,你想要的效果基本上已经完成了!如果你还想做其他的设置,比如调整位置,呵呵。。。只需要去/templets/default/style/dedecms.css

里你可以ctrl+f 寻找 .dropMenu 没错就是他控制着呢?

如果只是调整宽度,只用修改 :

width: 100px;/*------ //原来参数是120-,如果二级标题字数少,还可以把参数调整到80,乃至是60--------*/



 

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

原因是你在调用导航时,用到了织梦的channelartlist标签.需要修改系统代码才行的 修改方法include/taglib/channelartlist.lib.php第67左右 $tpsql = reid=0 AND ispart2 AND ishidden1 AND channeltype0 ; 改成 $tpsql = reid=0 AND ishidden1 AND channeltyp
这篇文章主要介绍了织梦DedeCMS在实现中英文导航功能方法步骤,本文给出详细的操作步骤和相关实现代码,需要的朋友可以参考下。 今天在群里看到有位朋友需要实现中英文栏目名字的功能(如下图),下面我们就来看看强大的织梦CMS怎么实现吧! 首先给数据库中的d
在制作DEDECMS织梦网站的模板时,最头痛的莫过于去制作网站的多级菜单导航了,很多时候制作出来的下拉菜单导航很多都会移位,使用固……
笔者在前面几篇文章中提到的dedecms筛选的实现方法,对新手来说实现过程较复杂.接下来分享一个最简单的实现在移动端上筛选功能.最近在筹备移动端企业站,实现功能有:实现一个管理后台管理PC端和移动端及移动端筛选功能.提供最新重庆网页设计,企业网站建设,dede
默认织梦的首页没有设置高亮属性,只要其他栏目可以,我们来看看怎么解决。
以前在织梦论坛发过这样一个教程的,只是时间过的挺久,自己都忘记了,前几天我做的一个单子又用到需要英文栏目名,只好再次的整理一下了。