您现在的位置是:首页 > 教程 > dedecms教程dedecms教程
dede导航一级栏目怎么增加二级下拉菜单
元柏2023-11-13 22:41:44dedecms教程已有人查阅
导读使用dedecms5.6——5.7首先你需要把DedeCMS5.5程序文件 夹\dede\img里的mmenubg.gif(绿色背景图片
使用dedecms5.6——5.7首先你需要把DedeCMS5.5程序文件 夹\dede\img里的mmenubg.gif(绿色背景图片,适用于绿色主题模板)或者DedeCMS5.5程序文件夹\templets \images里的mmenubg.gif(蓝色背景图片,适用于蓝色主题模板)复制到DedeCMS5.6.7程序文件夹/templets /default/images下面,现在你再看一下效果,呵呵,导航栏是不是已经出现熟悉的下拉菜单了。
将这段代码贴到templets\default\footer.htm文件里
样式添加
将这段代码贴到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>
然后你看一下效果,会发现导航栏已经出现下拉菜单了,只是背景是透明的,原因是没有背景图片。样式添加
/*——– 下拉菜单 ————–*/
.dropMenu {
position:absolute;
top: 0;
z-index:100;
width: 120px;
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:6px;
}
.dropMenu a {
width: auto;
display: block;
color: black;
padding: 2px 0 2px 1.2em;
}
* html .dropMenu a {
width: 100%;
}
.dropMenu a:hover {
color:red;
text-decoration: underline;
}
导航div改为<div id=”navMenu”>
本文标签:
很赞哦! ()
相关文章
随机图文
-
dedecms模板制作教程第四期Type标记使用说明和实例教程
本期讲解【Type 标记】,此标记主要用于指定单个栏目的链接,适用范围:封面模板,列表模板,文档模板。一:使用说明【Type 标记】的使用范围是:封面模板 -
设置dedecms织梦标签[field:global.autoindex/]初始值的方法
在{dede:arclist/}这个标签中有个[field:global.autoindex/],是从0开始自增,如果我们想自定义一个数值,比如自定义从2开始。那么就可以写成下面代码: -
dede织梦channelartlist标签不支持currentstyle属性的解决方法
打开include\taglib\channelartlist.lib.php在此行代码下方增加以下代码:找到$pv->Fields[typeurl]=GetOneTypeUrlA( -
dede5.5升级为5.6使用5.6新图集内容展示模板的实现方法
很多朋友想使用dede5.6的图集内容页新模板,可是大多不成功。费了很多时间想写给不成功的朋友,可点击发布,半天出现“发布的内容中含有非法内容*****”,汗……气得想不写了
留言与评论 (共有 条评论) |
大家在看
本栏推荐
相关标签
大家喜欢
- dede织梦程序引起w3wp.exe占用vps服务器cpu满了怎么办
- 织梦dedecms采集一些过滤规则示例
- dedecms系统分页标签自定义二次开发方法实例
- 织梦cms调用栏目页和单独内容页的方法
- 织梦dedecms漏洞修复Error: (PHP 5.7 and above) Please set reques
- dedecms织梦手机模板使用和制作方法
- dede织梦调用简略标题的代码实例
- dedecms织梦实现任意页面调用栏目内容的方法
- dedecms制作xml网站地图功能实例代码
- 织梦cms出现Deprecated: Function ereg_replace() is deprecated in