您现在的位置是:首页 > cms教程 > DedeCMS教程DedeCMS教程
dedecms5.7sp1模板添加下拉菜单的方法
靖雁2023-09-27DedeCMS教程已有人查阅
导读在dedecms5.5中官方模板里设置了下拉菜单的显示,但是之后的几个版本里面下拉菜单就没有再用在模板上了。以下方法将dedecms5.5的下拉菜单移植
在dedecms5.5中官方模板里设置了下拉菜单的显示,但是之后的几个版本里面下拉菜单就没有再用在模板上了。
以下方法将dedecms5.5的下拉菜单移植到5.7sp1中,实现栏目的下拉菜单。
1,首页导航栏目可以调用为:
代码示例:
代码示例:
代码示例:
完成以上代码,即可在dedecms5.7sp1模板中添加下拉菜单。
以下方法将dedecms5.5的下拉菜单移植到5.7sp1中,实现栏目的下拉菜单。
1,首页导航栏目可以调用为:
代码示例:
<div id=”navMenu”>
<ul>
<li><a href=”{dede:global.cfg_cmsurl/}/”>首页</a></li>
{dede:channel type=’top’ row=’6′ currentstyle=”<li class=’hover’><a href=’~typelink~’ ~rel~>~typename~</a></li>”}
<li><a href=’[field:typeurl/]‘ [field:rel/]>[field:typename/]</a></li>
{/dede:channel}
</ul>
</div>
2,id=”navMenu”这个id是必须有的,在模板中的任何位置添加代码:代码示例:
<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/}”>
{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>
3,在css样式表中添加:代码示例:
/*——– 下拉菜单 ————–*/
.dropMenu {
position:absolute;
top: 0;
z-index:100;
width: 80px;
visibility: hidden;
margin-top: -1px;
border: 1px solid #003366;
border-top: 0px solid #3CA2DC; background-color:#FFFFFF;
padding-top:6px;
padding-bottom:6px;
}
.dropMenu li {
margin-top:2px;
margin-bottom:4px;
padding-left:0px;
} // www.jbxue.com
.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;
}
这里css样式是可以任意调整的。完成以上代码,即可在dedecms5.7sp1模板中添加下拉菜单。
本文标签:
很赞哦! ()
相关教程
图文教程
windows xp系统织梦后台怎么安装
许多新手站长或者想用织梦最网站的人来说应该还是值得一读的,下面与大家分享下windowsxp下织梦的安装过程,相信广大的站长朋友们对织梦cms应该很熟悉吧
dedecms仿163评论效果修改方法
最近用织梦CMS做了个博客,邀请朋友来互相访问留言,但发现织梦CMS的默认评论的效果不太理想。正好平时喜欢在网易浏览,感觉163的盖楼评论效果很好
dedecms织梦文章无图片自动替换成谷歌广告的方法
织梦CMS文章有的有图片,有的没有图片,没有图片的文章用谷歌图片替换,使文章页显示更一致和美观,方法如下:
织梦dedecms怎么添加自定义属性
由于想在网站首页添加一个本站原创内容的版块.又没办法通过版块id来调用,把每篇原创文章添加副栏目又非常麻烦网上查了一下方法,写在这里了
相关源码
-
(自适应)品牌策划网络设计作品公司个人pbootcms网站源码下载本款基于PbootCMS开发的网站模板专为品牌策划、设计公司打造,特别适合展示创意作品、设计案例和企业服务。模板采用现代化设计风格查看源码 -
(自适应)宽屏大气的净水器智能电子设备网站pbootcms源码下载本模板基于PbootCMS内核开发,为净水器设备、智能电子设备企业量身打造,采用响应式设计技术,可快速构建专业级企业官网。通过本模板可高效展示产品技术参数、解决方案及企业服务优势。查看源码 -
(自适应)家政保洁保姆打扫卫生清灰服务pbootcms模板免费下载采用手工编写的DIV+CSS架构,代码结构清晰无冗余,加载速度优异。响应式设计适配各类终端设备,保障手机、平板、电脑端的一致浏览体验。查看源码 -
快递物流公司pbootcms网站模板html响应式自适应源码下载基于HTML5+CSS3前沿技术开发,实现PC、平板、手机多端自适应。采用弹性布局与媒体查询技术,确保不同设备均有流畅视觉体验,企业形象统一。查看源码 -
(PC+WAP)玻璃钢不锈钢钢材环保设备pbootcms网站模板采用PbootCMS内核开发的响应式网站模板,为玻璃钢环保设备制造、不锈钢钢材贸易企业设计,适配产品展示及企业服务场景。通过自适应技术实现PC与WAP端数据实时同步查看源码 -
帝国cms7.5手游评测资讯礼包合集游戏专区下载网站模板本模板基于帝国CMS系统开发,为手游门户网站设计。支持PC端与移动端同步生成HTML静态页面,内置多端同步生成功能。模板架构针对手业特点优化,满足APP下载、游戏资讯、攻略等内容发布需求。查看源码
| 分享笔记 (共有 篇笔记) |
