织梦DedeCMS v5.7 完美实现导航条下拉菜单的方法
<p><span style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'>织梦DedeCMS v5.7 实现导航条下拉菜单，首先将下面这段代码贴到templets\default\footer.htm文件里(只要在此文件里就行，位置无所谓) </span></p>
<div class="msgheader" style='margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 21.6px; clear: both; border-width: 1px; border-style: solid; border-color: rgb(0, 153, 204); background: rgb(246, 251, 255); overflow: hidden; font-family: tahoma, arial, "Microsoft YaHei";'>
<p class="right">
<span><u>复制代码</u></span></p>
<p>
代码如下:</p>
</div>
<p class="msgborder" style='margin: 0px auto 3px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; clear: both; border-right: 1px solid rgb(0, 153, 204); background: rgb(221, 237, 251); overflow: hidden; border-left: 1px solid rgb(0, 153, 204); word-break: break-all; border-bottom: 1px solid rgb(0, 153, 204); word-wrap: break-word; font-family: tahoma, arial, "Microsoft YaHei";'>
<br>
<!-- //二级子类下拉菜单 ，考虑SEO原因放置于底部 --> <br>
<br>
{dede:channelartlist typeid='top' cacheid='channelsonlist'}<ul id="dropmenu{dede:field.typeid/}" class="dropMenu"> <br>
{dede:channel type='son' noself='yes'} <li><a href=""></a></li> <br>
{/dede:channel} <br>
</ul> <br>
{/dede:channelartlist} <br>
</p>
<p>
<br style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'><span style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'>刷新网页发现已经神奇地出现了下拉菜单，但此时是透明的，因为缺少一个下拉菜单<u>图片</u>。，原因是没有背景图片。 </span><br style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'><span style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'>接下来你需要把DedeCMS5.6程序文件夹\dede\img里的mmenubg.gif(绿色背景图片，适用于绿色主题模板)或者 DedeCMS5.5程 序文件夹\templets\images里的mmenubg.gif(蓝色背景图片，适用于蓝色主题模板)复制到DedeCMS5.7程序文件夹 /templets/default/images下面，现在你再看一下效果，呵呵，导航栏是不是已经出现熟悉的下拉菜单了 </span><br style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'><span style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'>此时，你想要的效果基本上已经完成了，如果你还想做其他的设置，比如调整位置，只需要找到/templets/default/style/dedecms.css文件，ctrl+f 寻找.dropMenu </span><br style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'><span style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'>如果只是调整宽度，只用修改 ： </span><br style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'><span style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'>width: 100px;/*------ //原来参数是120-，如果二级标题字数少，还可以把参数调整到80，乃至是60--------*/ </span></p>
頁:
[1]