dedecms5.6导航栏下拉菜单显示设置方法

今天项目进行第二天,又添加了一些内容,可还没正式开始SEO&推广哦,得基础内容进行完成之后才可SEO推广的说。用的dedecms5.6原装模板还是非常不错的,原来打算用以前的导航栏(随IE窗口可升缩),不过dedecms5.6原装模板JS的可切换功能个人认为还是挺不错的,就先只找到dedecms5.6导航栏下拉菜单显示设置方法,记录一下,以便以后调用!!!

在dedecsm5.5的模板文件/templets/default/footer.htm中,复制顶端的这样一段代码:



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


{/dede:channelartlist}





然后粘贴到dedecms5.6的模板文件/templets/default/footer.htm中的顶端位置。

然后你看一下效果,会发现导航栏已经出现下拉菜单了,只是背景是透明的,原因是没有背景图片。

到\dede\img里找mmenubg.gif复制到/templets/default/images下面,刷新再看一下效果,呵呵,导航栏是不是已经出现熟悉的下拉菜单了。
下拉菜单的边框还是原来蓝色的,修改/templets/default/style下的dedecms.css,找到代码:
.dropMenu {
position:absolute;
top: 0;
z-index:100;
width: 120px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA, direction=135, strength=4);
margin-top: -1px;
border: 1px solid #669933;
border-top: 0px solid #3CA2DC;
background-color: #FFF;
background:url(../images/mmenubg.gif);
padding-top:6px;
padding-bottom:6px;
}

把最后一行的颜色代码#93E1EB修改为#669933即可(可自改喜欢的color)。

好,现在已经全部完工了,看看效果吧!

相关主题
相关文档
最新文档