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

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


  首先将下面这段代码贴到templets\default\footer.htm文件里(只要在此文件里就行,位置无所谓)



<</span>script type='text/javascript' src='{dede:global.cfg_cmsurl/}/images/js/dropdown.js'></</span>script>

{
  dede:channelartlist typeid='top' cacheid='channelsonlist'}<</span>ul id="dropmenu{dede:field.typeid/}" class="dropMenu">

  {
  dede:channel type='son' noself='yes'}  <</span>li><</span>a href="[field:typelink/]">[field:typename/]<</span>/a></</span>li> {
  /dede:channel} </</span>ul> {
  /dede:channelartlist} <</span>script type="text/</</span>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;

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/114377.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • Apache Thrift的简单使用

    Apache Thrift的简单使用

  • linux删除宝塔面板_宝塔修改端口

    linux删除宝塔面板_宝塔修改端口https://www.2kss.com/45898.html

    2022年10月19日
  • linux系统目录介绍

    linux系统目录介绍

  • DM368开发 — 毕设之硬件[通俗易懂]

    DM368开发 — 毕设之硬件[通俗易懂]这部分将参看相关的毕业论文设计来讲一下DM368的硬件部分。参看:相关论文基于DM368的高清视频监控系统设计与实现–文波一、系统硬件电路详细设计3.1TMS320DM368硬件平台简介TMS320DM368是德州仪器公司(TI)于2010年4月推出的新一代基于Davinci技术的高清视频处理器,内部集成了一颗ARM内核和两个视频图像协处理器,同时内部还集成了一个视频

  • 黑盒测试方法介绍_黑盒测试两种基本方法

    黑盒测试方法介绍_黑盒测试两种基本方法2007测试用例的设计方法(全)目录:等价类划分方法边界值分析方法错误推测方法因果图方法判定表驱动分析方法正交实验设计方法功能图分析方法场景设计方法等价类划分方法:一.方法简介1.定义是把所有可能的输入数据,即程序的输入域划分成若干部分(子集),然后从每一个子集中选取少数具有代表性的数据作为测试用例。该方法是一种重要的,常用…

  • Eclipse配置Maven详细教程[通俗易懂]

    Eclipse配置Maven详细教程[通俗易懂]一.使用eclipse自带的maven插件首先,现在下载EclipseMars之后的版本,基本上都自带了maven插件,无需自己再安装maven.有几个注意点:1.默认的本地仓库的目录是在C:\Users\viruser.v-desktop\.m2\repository\如果使用系统默认的maven插件,那么建议还是修改下本地仓库的路径,这样节省C盘空间2.使用的maven版…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号