您现在的位置是:首页 > 教程 > dedecms教程dedecms教程
dedecms5.7下拉导航菜单教程
危眺沃2023-12-26 00:03:52dedecms教程已有人查阅
导读最近用了织梦CMS的较新版5.7做了个网站,发现系统默认的导航条不是很好看,也没有下拦菜单,感觉比较单调难看,如何美化下拉菜单?经本人调试成功
最近用了织梦CMS的较新版5.7做了个网站,发现系统默认的导航条不是很好看,也没有下拦菜单,感觉比较单调难看,如何美化下拉菜单?经本人调试成功,觉得效果不错,现在做个教程与大家分享。
美化导航条步骤:
1.将下面这段代码贴到templets\default\footer.htm文件里(我是放在footer文件的最下面)
把mmenubg.gif 放在/templets/default/images 里面,再刷新下看效果。(注:mmenubg.gif里的文字自己修改。)
3.此时你发现菜单与栏目不够适应,别急,可以调节css来达到相应的菜单宽度。
打开/templets/default/style/织梦模板.css文件(用记事本打开) 找到.dropMenu 这个就是控制导航条的。
看下面的代码:
4.把green_skin.png(已经蓝色化)、header_hover.png放在/templets/default/images文件夹里。
美化导航条步骤:
1.将下面这段代码贴到templets\default\footer.htm文件里(我是放在footer文件的最下面)
<!-- //二级子类
下拉菜单,考虑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>
2.刷新网页发现已经神奇地出现了下拉菜单,但此时是透明的,因为缺少一个下拉菜单图片。把mmenubg.gif 放在/templets/default/images 里面,再刷新下看效果。(注:mmenubg.gif里的文字自己修改。)
3.此时你发现菜单与栏目不够适应,别急,可以调节css来达到相应的菜单宽度。
打开/templets/default/style/织梦模板.css文件(用记事本打开) 找到.dropMenu 这个就是控制导航条的。
看下面的代码:
/*-------- 下拉菜单 --------------*/
.dropMenu {
position:absolute;
top: 0;
z-index:100;
width: 120px;
visibility: hidden;
红色代码就是控制下拉菜单的宽度,调整到自己满意的宽度。4.把green_skin.png(已经蓝色化)、header_hover.png放在/templets/default/images文件夹里。
本文标签:
很赞哦! ()
下一篇:给dede织梦评论加上楼层号
相关文章
随机图文
-
织梦首页,栏目页,内页友情链接怎么分别显示
大家网站的栏目PR值高了的话,都想独立出来,进行友情链接交换,就是58同城那样,各个二级域名和栏目页都进行友情链接交换。 -
织梦dedecms实现键盘左右方向键翻页的实例教程
1、复制js代码到内容页和列表页织梦模板中$(document).ready(function(){ var prevpage=$("#pre").att -
织梦dedecms栏目页添加数字递增的方法
很多人做模板的时候遇到在列表页调用12345678 这些数字递增的时候就不知道怎么弄了其实织梦有自带的数字递增标签只需要在{dede:arclist/} -
dedecms首页调用频道封面页单页面{dede:field:content/}内容
dedecms做企业网站模版时,首页往往会加上“关于我们”或者“企业简介”之类的文字,在栏目里面可以把它做成一个“频道封面”或者"单页面"。
留言与评论 (共有 条评论) |