dedecms织梦企业模板下载与商业用户售后服务。织梦CMS中毒木马清理
添加微信
扫一扫关注公众号手机微信扫一扫
模板咨询 138-9683-8883
免费一次安装一对一使用指导终身升级服务二次开发无忧
帮助和支持中心

织梦CMS博客模板升级下拉二级菜单

  • 锦昵
  • 496

此次升级的模板编号为:DEDECMSXMX1X2X1

模板标题名称:织梦mip模板,w3c html5标准织梦百度mip模板下载

模板地址:https://www.jinni8.com/muban/a67.html

升级内容:

升级二级下拉菜单,可以为网站添加二级导航

升级方法

1、下载此次升级二级下拉菜单所需要的必须文件

下载地址:https://www.jinni8.com/uploads/soft/20180926/1537958434315737.rar

2、网站管理后台 -> 模板 ->默认模板管理 -> header。

htm 【点击右侧的修改】

织梦CMS博客模板升级下拉二级菜单

3、删除如下代码对,并用以下代码替换

织梦CMS博客模板升级下拉二级菜单

将以上代码替换为下面的代码:

    <div class="bkbiqmmp mip-nav-wrapper">

<mip-nav-slidedown data-id="bs-navbar" class="mip-element-sidebar container" data-showbrand="1">

<nav id="bs-navbar" class="navbar-collapse collapse navbar navbar-static-top">

<ul class="bkbiqmmp navbar-nav navbar-right">

<li{dede:field.typeid runphp="yes"}if(@me==''){@me = ' class="current"';}else{@me = "";}{/dede:field.typeid}><a href="{dede:global.cfg_basehost/}{dede:global.cfg_cmspath/}/"><i class="icon-home"></i>网站首页</a></li>

{dede:channelartlist typeid="top" currentstyle='current'}

<li class="{dede:field.currentstyle/}"><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}<i class="icon-chevron-left"></i></a>

<ul>

{dede:channel currentstyle='<li><a href="~typelink~">~typename~</a></li>'}

<li><a href="[field:typeurl/]">[field:typename/]</a>

{/dede:channel}

</ul>

</li>

{/dede:channelartlist}

<li class="navbar-wise-close">

<span id="navbar-wise-close-btn"></span>

</li>

</ul>

</nav>

</mip-nav-slidedown>

</div>

4、打开FTP,依次打开 jinni8【文件夹】 -> css【文件夹】,下载css.css 至本地。

在 【第22行】 下方插入以下代码

.bkbiqmmp{float:right;height:auto;}

.bkbiqmmp ul{}

.bkbiqmmp li{display:inline-block;float:left;height:60px !important;line-height:60px !important;font-size:18px;}

.bkbiqmmp li a{display:block;color:#666;padding:0 16px;}

.bkbiqmmp li.current a{color: #45B6F7 !important;}

.bkbiqmmp li a i{padding:0 5px;}

.bkbiqmmp li a i.icon-chevron-left{display: inline-block;transform: rotate(270deg);-ms-transform: rotate(270deg);-moz-transform: rotate(270deg);-webkit-transform: rotate(270deg);-o-transform: rotate(270deg);font-weight: normal;font-size: 12px;position: relative;top: -3px;color: #D8D8D8;}

.bkbiqmmp li.current ul li a{color:#666 !important;}

.bkbiqmmp li:hover a i.icon-chevron-left{color:#000;}

.bkbiqmmp .mip-layout-container .navbar-nav{margin:0 !important;}

.bkbiqmmp .mip-layout-container .navbar-nav li a{margin:0 !important;padding: 0 16px !important;}

.bkbiqmmp .navbar-wise-close{display:none;}

.bkbiqmmp li ul{border: #EAEAEA 1px solid;border-radius:0 0 4px 4px;opacity: 0.9;box-shadow: 0 2px 5px #f1f1f1;}

.bkbiqmmp li ul li{display:block;float:inherit;height:36px !important;line-height:36px !important;}

.bkbiqmmp li ul li a{font-size:16px;font-weight:normal;}

.bkbiqmmp li ul li:hover{background-color:#45B6F7;}

.bkbiqmmp li ul li:hover a{color:#fff !important;}

.mip-carousel-preBtn, .mip-carousel-nextBtn{z-index:2 !important;}

@media screen and (max-width:500px){

.bkbiqmmp ul{width:100%;box-shadow:none !important;}

.bkbiqmmp li{width:100%;display:inline-block;float:initial;height:auto !important;line-height:36px !important;border-bottom: #EAEAEA 1px solid;}

.bkbiqmmp li:nth-child(1){border-top: #EAEAEA 1px solid;}

.bkbiqmmp li a{text-align:left !important;}

.bkbiqmmp li a i{display:none !important;}

.bkbiqmmp li ul {border:0 !important;}

.bkbiqmmp li ul li{width:calc( 50% - 0.5px );text-align:center;float:left !important;border:0;background-color: #f5f5f5;border-right:#fff 1px solid;border-bottom:#fff 1px solid;}

.bkbiqmmp li ul li:nth-child(1){border-top:0;}

.bkbiqmmp li ul li:nth-child(even){border-right:0;}

}

5、样式表保存之后,上传之空间并覆盖。

即可

用户评价:织梦CMS博客模板升级下拉二级菜单

  • 测试下评论看怎么样
  • 很好的评论插件啊!我要购买
  • 辛苦了,二级菜单已升级了。二级下拉菜单升级升级完的时候下拉有点变形,结果是我服务器有缓存,更新下缓存就好了,谢谢无言表达的谢意
关闭
评论内容不能为空
如果联系方式是E-MAIL地址,有新回复您会第一时间收到邮件消息!

下拉二级菜单