首先,复制代码:
程序代码
{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}