建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!

网站模板_网站源码_网站素材_建站教程_建站学习网

当前位置:建站学习网 > 织梦教程 > 二次开发 >

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

更新时间:2015-08-26整理编辑:建站学习网阅读:0
  织梦DedeCMS v5.7 实现导航条下拉菜单,首先将下面这段代码贴到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.7程序文件夹 /templets/default/images下面,现在你再看一下效果,呵呵,导航栏是不是已经出现熟悉的下拉菜单了

  此时,你想要的效果基本上已经完成了,如果你还想做其他的设置,比如调整位置,只需要找到/templets/default/style/dedecms.css文件,ctrl+f 寻找.dropMenu

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

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

本文网址:https://www.dedexuexi.com/dedejiaocheng/eckf/243.html

本站部分文章搜集与网络,如有侵权请联系本站,转载请说明出处。

标签:导航
收藏此文 赞一下!() 打赏本站

如本文对您有帮助,就请建站学习网抽根烟吧!

支付宝打赏
微信打赏
DedeCMS调用指定栏目不包含下级栏目的问题
« 上一篇2015年08月26日
DEDECMS列表页随机调用缩略图的完美解决办法
2015年08月26日下一篇 »
  • 织梦DedeCMS列表页第一页跟其它页使用不同模板的办法
    0阅读
    有时候我们需要让织梦列表页的第一页跟第二页以及后面的页面的展示效果不同,使用不同的模板,但是目前网上也没有其他比较好的方案,那么下面织梦学习网就给大家介绍一个最简单的办法
  • 织梦dedecms自定义表单导出到excel
    0阅读
    导出效果 不写死任何字段,不写死任何东西,修改2个文件,让织梦自定义表单自由导出到Excel表格里。 教程开始 1、\ dede\templets\diy_main.htm 找到前台预览在它的下面加入一行 a href=diy_list.php?action=exceldiyid={dede:fie...
  • 织梦dedecms后台自定义表单添加搜索功能
    0阅读
    自定义表单搜索效果 当你的自定义表单数据过多或者需要查询某个单时,给后台的自定义表单加个简单的搜索功能很有必要。 1、打开 \dede\templets\diy_main.htm 找到 内容列表/div 在它的下面加入 div class=bodytitletxt style=padding-lef...
  • 织梦dedecms地区联动在当前页面title加入选择的地区名
    0阅读
    织梦分类信息模型在列表页选择地区联动时,想要在title北京市东城区学院 - 我的网站/title 或者 title广东省广州市白云区学院_我的网站/title 效果展示 打开 \include\arc.sglistview.class.php 找到 $this-Fields[typeid] = $...
  • 织梦CMS中添加一个函数来实现任意字段的调用
    0阅读
    我们在使用织梦建站的时候,很多情况下,因为Dede底层模版的限制,我们在文章页、列表页和频道页面中想要调用一些相关的字段会有所限制,所以就想写一个函数来实现在任意页面对任意字
 
QQ在线咨询