交流群:462197261站长百科站长论坛热门标签收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
点击这里给我发消息
  • 当前位置:
  • 织梦dede下拉菜单的实现方法-织梦下拉菜单的添加制作

    郑重声明 只要完成下面的3个步骤,只要是织梦dedecms建的站 不管是默认的还是自己建立的模板都可以实现下拉菜单。雨过天晴工作室亲测有效!

    织梦dede实现下拉菜单步骤:

    一、你自己网站正在用的模板的head 

       {/dede:channel}

     

    首页

    {dede:channel row='10'  type ='top'    }

     [field:rel/]>[field:typename/]

          

     

    我们只要注意黑色的这一行,这个是输出导航栏栏目的,需要在这里添加上红色的部分[field:rel/] 你想要更多样式需要你自己慢慢测试了。

    提醒:这里首页必须用id="navMenu",在css表格里吧头部的id或者class更改为默认这个。

    二、你自己网站正在用的模板的footer.htm或者index.htm,head.htm等等均可,这里推荐footer.htm。

    在页面上添加如下java代码,全部复制黏贴即可。

     

    {dede:channelartlist typeid='top' cacheid='channelsonlist'}

     

      {dede:channel type='son' noself='yes'}  

    [field:typename/]

     

      {/dede:channel}

     

    {/dede:channelartlist}

     

    三、到templets\default\style 中打开dedecms.css

    寻找.dropMenu 这个类,复制他的所有代码到你自己的css中,

    你也可以直接复制下面的代码到你的css中。

    如下:

     

    .dropMenu {

     position:absolute;

     top: 0;

     z-index:100;

     width: 80px;

     visibility: hidden;

        filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA, direction=135, strength=4);

     margin-top: -1px;

     border: 3px solid #FF0000;

     border-top: 0px solid #3CA2DC;

     background-color: #FFF;

     background:url(templets/sdgwy/index_files/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;

    }

    当然这里面可以修改下拉菜单样式,这个可以自己调试,包括下拉的背景色。

     

    经过上面的三步后,你的dede下拉菜单功能就实现了,相信对你很有帮助的。

     

     

    以下是我修改过的代码 

     

    首页

     

    {dede:channel row='10'  type ='top'    }

       

    [field:typename/]

     

       {/dede:channel}   

     

    {dede:channelartlist typeid='top' cacheid='channelsonlist'}

     

      {dede:channel type='son' noself='yes'}  

    [field:typename/]

     

      {/dede:channel}

     

    {/dede:channelartlist}


    广而告之:
    热门推荐:
    Bootstrap 设置datetimepicker在屏幕上面弹出设置方法

    datetimepicker默认是在输入框下面弹出的,但是遇到输入框在屏幕下面时,日期选择框会有一部分在屏幕下面,显示不了,因此需要能够从上面弹出。设置很简单,在初始话中: $('.form_date').datetimepicker({ language: 'zh-CN', weekStart: 1, todayBtn: 1,···

    wamp安装后自定义配置的方法

    WampServer是目前应用非常广泛的PHP集成开发环境,本文就来讲述Wamp安装后自定义配置的方法。供大家参考借鉴。具体如下: wamp2.5安装完毕后,自己手动重新设置了apache的默认根目录。但是发现本机可以访问,别人不能访问。 提示信息为:Forbidden  you dont hava permiss···

    网站建设一定要注意的几大事项

            现在的企业也越来越意识到,企业网站的重要性了,也都纷纷建立起了自己的企业品牌网站。而合理的利用网站也是很关键的,如果能够利用好企业网站,也是会为企业带来不少的利益的。但是在在企业网站建设服务过程中要注意哪些问题呢?下面织梦58网给···

    js中数组的常用方法小结

    本文实例总结了js中数组的常用方法。分享给大家供大家参考,具体如下: push 方法 该方法会把一个元素或一组元素(数组)添加到当前数组的末尾。 eg: var arr1 = [1, 2, 3]; arr1.push([4, 5]); arr1的结果是[1, 2, 3, 4, 5] concat 方法 该方法会把两个数组或元素组合在一起···

    详解MySQL中DROP,TRUNCATE 和DELETE的区别实现mysql从零开始

    不同点:  1. truncate和 delete只删除数据不删除表的结构(定义)      drop语句将删除表的结构被依赖的约束(constrain),触发器(trigger),索引(index); 依赖于该表的 存储过程/函数将保留,但是变为invalid状态.  2.del···

    js实现模糊匹配功能

    功能描述: 在搜索框中输入某一个字段,可以查询到相关的内容 功能实现: 1.  先声明变量用于保存输入框以及表格里面的内容 2.  循环遍历 遍历表格每一行,查找匹配项 3.  判断 如果输入框里面的内容跟表格中某个td的内容相似,则表格中的某行就显示,否则隐···

    javascript一个无懈可击的实例化XMLHttpRequest的方法

    复制代码 代码如下: function getHTTPRequest() { var xhr = false; if (window.XMLHttpRequest) xhr = new XMLHttpRequest(); //IE除外的浏览器 else if (window.ActiveXObject) { try { xhr = new ActiveXObject("Msxm12.XMLHTTP");//最新版的ActiveX对象 } catch(e) {···

    CSS3的column-fill属性对齐列内容高度的用法详解

    column-fill 属性, 指定列之间高度是否对齐时使用。<规定如何对列进行填充> 属性值balance 可能的话,所有的列内容以相同方法对齐(默认值) <对列进行协调。浏览器应对列长度的差异进行最小化处理。>auto 后面的列填充在第一个列的后面。 <按顺序对···

    Angular2实现自定义双向绑定属性

    整理文档,搜刮出一个Angular 2实现自定义 双向绑定 属性的代码,稍微整理精简一下做下分享。 import { Component, OnInit, Output, Input, EventEmitter } from '@angular/core'; @Component({ selector: 'twoway', template: ` <input [(ngModel)]="username"&g···

    往MySQL中存储图片的方法

    1 介绍 在设计到数据库的开发中,难免要将图片或音频文件插入到数据库中的情况。一般来说,我们可以同过插入图片文件相应的存储位置,而不是文件本身,来避免直接向数据库里插入的麻烦。但有些时候,向MySQL中插入图片更加容易管理。那么在MySQL中该怎么存储呢? 参考资料[1]···