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}

  • 相关阅读:
    7、【Linux系统编程】阻塞和非阻塞
    css样式
    如果目录不存在就创建
    api图片传输,转成64位字符串进行传输
    c#获取远程图片的方法
    分页
    使用微信js接口的方法 ,以调用相机为例
    某个文件下下面的文件批量改名
    查找本地文件中的特定字符串并替换代码
    第35月第6天 自定义view初始化
  • 原文地址:https://www.cnblogs.com/jiechn/p/4564196.html
Copyright © 2011-2022 走看看