首先，复制代码：
程序代码
<!-- //二级子类下拉菜单，考虑seo原因放置于底部 -->
<script type='text/javascript' src='{dede:global.cfg_cmsurl/}/images/js/dropdown.js'></script>
{dede:channelartlist typeid='top' cacheid='channelsonlist'}<ul id="dropmenu{dede:field.typeid/}" class="dropmenu">
{dede:channel type='son' noself='yes'} <li><a href="[field:typelink/]">[field:typename/]</a></li>
{/dede:channel}
</ul>
{/dede:channelartlist}
<script type="text/javascript">cssdropdown.startchrome("navmenu")</script>
<!-- //底部模板 -->
粘贴到dedecms5.7的模板文件 /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 #93e1eb; //设置边框的颜色
background:url(../images/xxx.gif); //设置背景图片
把最后一行的颜色代码#93e1eb修改为你要的颜色即可。