织梦dedecms_织梦DedeCMS V5.7添加导航条下拉子菜单方法

时间:2020-10-13  来源:dedecms教程  阅读:

在dedecms5.5中官方模板里设置了下拉菜单的显示,但是之后的几个版本里面下拉菜单就没有再用在模板上了,早前几天,部落听到几个使用织梦DedeCMS V5.7模板问到这个问题,网上找了一下,有一个方法比较靠谱,大家可以参考一下.

首先你需要把DedeCMS5.6程序文件夹\dede\img里的mmenubg.gif(绿色背景图片,适用于绿色主题模板)或者DedeCMS5.5程 序文件夹\templets\images里的mmenubg.gif(蓝色背景图片,适用于蓝色主题模板)复制到DedeCMS5.7程序文件夹 /templets/default/images下面,现在你再看一下效果,呵呵,导航栏是不是已经出现熟悉的下拉菜单了.

我们直接复制上面的图片就行了,下载下来保存.

接下来,我们直接将下面这段代码贴到templets\default\footer.htm文件里,只要在此文件里就行,位置无所谓.

 

 代码如下 <script type="text/javascript" src="{dede:global.cfg_cmsurl/}/images/js/dropdown.js"></script>
{dede:channelartlist typeid="top" cacheid="channelsonlist"}

    {dede:channel type="son" noself="yes"}
    [field:typename/]
    {/dede:channel}

    {/dede:channelartlist}
    <script type="text/javascript">cssdropdown.startchrome("navMenu")</script>

    刷新网页发现已经神奇地出现了下拉菜单,但此时是透明的,因为缺少一个下拉菜单图片,原因是没有背景图片.

    下载图片之后将该图片上传至 /templets/default/images/下面.也就是最上面的图片了.

    此时,你想要的效果基本上已经完成了,如果你还想做其他的设置,比如调整位置,只需要找到/templets/default/style/dedecms.css文件,ctrl+f 寻找.dropMenu

    如果只是调整宽度,只用修改 :

    width: 100px;/*------ //原来参数是120-,如果二级标题字数少,还可以把参数调整到80,乃至是60--------*/

    织梦dedecms_织梦DedeCMS V5.7添加导航条下拉子菜单方法

    http://m.bbyears.com/wangyezhizuo/104374.html

    推荐访问:
相关阅读 猜你喜欢
本类排行 本类最新