dedecms织梦企业模板下载与商业用户售后服务。 织梦CMS中毒木马清理
免费一次安装 一对一使用指导 终身升级服务 二次开发无忧
帮助和支持中心

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

  • 锦昵

此次升级的模板编号为: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 【点击右侧的修改】

1537955620830825.png
1537955620830825.png


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

1537955620830825.png
1537955620830825.png

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

    	<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地址,有新回复您会第一时间收到邮件消息!

织梦CMS博客模板升级下拉二级菜单相关阅读