立即注册 找回密码

QQ登录

只需一步,快速开始

查看: 4449|回复: 0

[Dedecms 安装问题] dede 导航上如何实现二级菜单

[复制链接]
发表于 2015-11-24 23:46:16 | 显示全部楼层 |阅读模式
道勤网-数据www.daoqin.net

亲注册登录道勤网-可以查看更多帖子内容哦!(包涵精彩图片、文字详情等)请您及时注册登录-www.daoqin.net

您需要 登录 才可以下载或查看,没有账号?立即注册

x
首先,复制代码:
程序代码
<!-- //二级子类下拉菜单,考虑html" target="_blank" class="relatedlink">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>
<!-- //底部模板 -->

粘贴到Dedecms.daoqin.net/" target="_blank" class="relatedlink">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: progidXImageTransform.Microsoft.Shadow(color=#CACACA, direction=135, strength=4);  //一个滤镜效果
    margin-top: -1px;
    border: 1px solid #93E1EB; //设置边框的颜色
    background:url(../images/xxx.gif); //设置背景图片

把最后一行的颜色代码#93E1EB修改为你要的颜色即可。

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户,那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信:q792472177免费电话、后台提交工单这些方式联系道勤主机客服! 如果您不是我们的客户也没问题,点击页面最右边的企业QQ在线咨询图标联系我们并购买后,我们为您免费进行无缝搬家服务,让您享受网站零访问延迟的迁移到道勤主机的服务!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

道勤网- 推荐内容!上一条 /2 下一条

!jz_fbzt! !jz_sgzt! !jz_xgzt! 快速回复 !jz_fhlb! !jz_lxwm! !jz_gfqqq!

关于我们|手机版|小黑屋|地图|【道勤网】-www.daoqin.net 软件视频自学教程|免费教程|自学电脑|3D教程|平面教程|影视动画教程|办公教程|机械设计教程|网站设计教程【道勤网】 ( 皖ICP备15000319号-1 )

GMT+8, 2024-11-18 10:51

Powered by DaoQin! X3.4 © 2016-2063 Dao Qin & 道勤科技

快速回复 返回顶部 返回列表