zoukankan      html  css  js  c++  java
  • dedecms织梦二级菜单的实现方法

    首先,复制代码:

    程序代码

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

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

    [field:typename/]

    {/dede:channel}

    {/dede:channelartlist}

    粘贴到DedeCMS5.7的模板文件 /templets/default/head.htm中的顶端位置。

    刷新会发现导航栏已经出现下拉菜单了,但背景是透明的,原因是没有背景图片。

    到dedeimg里找mmenubg.gif复制到/templets/default/images下面,刷新再看一下效果,呵呵,导航栏是不是已经出现熟悉的下拉菜单了。

    下拉菜单的边框还是原来蓝色的,修改/templets/default/style下的dedecms.css,找到代码:

    程序代码

    .dropMenu {

    position:absolute;

    top: 0;

    z-index:100;

    120px;

    visibility: hidden;

    filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA, 
    direction=135, strength=4); //一个滤镜效果

    margin-top: -1px;

    border: 1px solid #93E1EB; //设置边框的颜色

    background:url(../images/xxx.gif); //设置背景图片

    把最后一行的颜色代码#93E1EB修改为你要的颜色即可。

    今天在做网站的时候,需要用到树形二级导航条菜单,见群里经常有人问到,现在和大家分享下实现的方法。

    二级菜单的做法,可以用标签channelartlist标签来做!

       

    {dede:channelartlist  typeid='top'row='7'}     

    <p>     

      <a href="{dede:field name='typeurl'/}"class='lv1'>{dede:field name='typename'/}</a>     

    <em>     

      {dede:channel type='son'}     

        <a href="[field:typelink/]">[field:typename/]</a>     

      {/dede:channel}     

    </em>     

    </p>     

    {/dede:chanelartlist}

        剩下的就用css来改变了。

    此外,channelartlist还经常用在封面模板中,主要用来循环栏目标题和栏目标题下的文档,也就是用于获取当前频道(或者指定频道)的下级栏目的文档列表。

    {dede:channelartlist}

    {dede:type}[field:字段名/]{/dede:type}(调用当前频道栏目)

    {dede:arclist}[field:字段名/]{/dede:arclist}(获得下级栏目的文档列表)

    {/dede:channelartlist}

  • 相关阅读:
    RHEL6 kernel bug在hadoop上的测试
    Mapreduce报错:Split metadata size exceeded 10000000
    HDFS超租约异常总结(org.apache.hadoop.hdfs.server.namenode.LeaseExpiredException)
    zookeeper ACL使用
    通过Hadoop jmx收集Namenode,Jobtracker相关信息
    FFmpeg + nginx+asp.net实现网络摄像头RTSP视频流WEB端在线播放功能
    JQ+asp.net实现文件上传的断点续传功能
    freemaker模板引擎使用详解
    nginx配置详解
    MySQL数据库分页查询,Oracle数据库分页查询,SqlServer数据库分页
  • 原文地址:https://www.cnblogs.com/jiechn/p/4564196.html
Copyright © 2011-2022 走看看