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}

  • 相关阅读:
    AI-图像基础知识-01
    使用docker搭建redis-cluster环境
    (转)从零开始学FastAPI(1)-简明的部分官方文档抽取学习篇
    数据可视化之redash(支持43种数据源) (转自https://anjia0532.github.io/2019/07/08/redash/)
    精通Docker第三版 – 第十一章 Portainer: 一个Docker的GUI( 转)
    Python中的gRPC简化指南
    Kafka Consumer Lag Monitoring
    Apache信息头
    由一个问题引起的思考:WEB开发中,使用JSON-RPC好,还是RESTful API好?
    jmeter通过BeanShell,实现对接口参数HmacSHA256加密(转)
  • 原文地址:https://www.cnblogs.com/jiechn/p/4564196.html
Copyright © 2011-2022 走看看