🎀 🌸

【B2美化】首页增加区块,六格首页菜单栏

有问题请联系站长QQ2469329338

【B2美化】首页增加区块,六格首页菜单栏

【B2美化】首页增加区块,六格首页菜单栏插图

B2主题设置->模块管理->首页->添加新模块

调用内容为自定义,放入下方html代码

<div class="banxin Mrxu-block">
<div class="Mrxu-circulation">
<ul>
<li class="color1">
<div class="Mrxu-content">
<a class="Mrxu-top" href="#">
<p class="Mrxu-name">首页</p>
<p class="Mrxu-hint">我的网站首页</p>
<i class="icon1"></i>
</a>
<div class="Mrxu-link">
<a href="#">我爱诺言</a>
<a href="#">我爱诺言</a>
<a href="#">我爱诺言</a>
<a href="#">我爱诺言</a>
<a href="#">我爱诺言</a>
<a href="#">我爱诺言</a>
</div>
</div>
</li>
<li class="color2">
<div class="Mrxu-content">
<a class="Mrxu-top" href="https://nuoyo.cn">
<p class="Mrxu-name">论坛</p>
<p class="Mrxu-hint">诺言主页</p>
<i class="icon2"></i>
</a>
<div class="Mrxu-link">
<a href="https://nuoyo.cn/">圈子论坛</a>
<a href="https://nuoyo.cn/">运河人家</a>
<a href="https://nuoyo.cn/">信息发布</a>
<a href="https://nuoyo.cn/">IT知识</a>
<a href="#">我爱诺言</a>
<a href="#">我爱诺言</a>
</div>
</div>
</li>
<li class="color3">
<div class="Mrxu-content">
<a class="Mrxu-top" href="https://nuoyo.cn">
<p class="Mrxu-name">快讯</p>
<p class="Mrxu-hint">我爱诺言网快讯</p>
<i class="icon3"></i>
</a>
<div class="Mrxu-link">
<a href="https://zy.nuoyo.cn">互联网</a>
<a href="https://zy.nuoyo.cn">生活帮</a>
<a href="https://zy.nuoyo.cn">新闻控</a>
<a href="#">我爱诺言</a>
<a href="https://zy.nuoyo.cn">聊济宁</a>
<a href="#">GMV</a>
</div>
</div>
</li>
<li class="color4">
<div class="Mrxu-content">
<a class="Mrxu-top" href="https://blogl.nuoyo.cn/shop">
<p class="Mrxu-name">商铺</p>
<p class="Mrxu-hint">我爱诺言网商铺</p>
<i class="icon4"></i>
</a>
<div class="Mrxu-link">
<a href="#">我爱诺言</a>
<a href="#">我爱诺言</a>
<a href="#">我爱诺言</a>
<a href="#">我爱诺言</a>
<a href="#">我爱诺言</a>
<a href="#">我爱诺言</a>
</div>
</div>
</li>
<li class="color5">
<div class="Mrxu-content">
<a class="Mrxu-top" href="https://zy.nuoyo.cn/">
<p class="Mrxu-name">文档</p>
<p class="Mrxu-hint">我爱诺言网文档</p>
<i class="icon5"></i>
</a>
<div class="Mrxu-link">
<a href="#">我爱诺言</a>
<a href="#">我爱诺言</a>
<a href="#">我爱诺言</a>
<a href="#">我爱诺言</a>
<a href="#">我爱诺言</a>
<a href="#">我爱诺言</a>
</div>
</div>
</li>
<li class="color6">
<div class="Mrxu-content">
<a class="Mrxu-top" href="https://zy.nuoyo.cn/">
<p class="Mrxu-name">留言</p>
<p class="Mrxu-hint">欢迎大家留言</p>
<i class="icon6"></i>
</a>
<div class="Mrxu-link">
<a href="#">我爱诺言</a>
<a href="#">我爱诺言</a>
<a href="#">我爱诺言</a>
<a href="#">我爱诺言</a>
<a href="#">我爱诺言</a>
<a href="#">我爱诺言</a>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="banxin Mrxu-block">
        <div class="Mrxu-circulation">
            <ul>
                <li class="color1">
                    <div class="Mrxu-content">
                        <a class="Mrxu-top" href="#">
                            <p class="Mrxu-name">首页</p>
                            <p class="Mrxu-hint">我的网站首页</p>
                            <i class="icon1"></i>
                        </a>
                        <div class="Mrxu-link">
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                        </div>
                    </div>
                </li>
                <li class="color2">
                    <div class="Mrxu-content">
                        <a class="Mrxu-top" href="https://nuoyo.cn">
                            <p class="Mrxu-name">论坛</p>
                            <p class="Mrxu-hint">诺言主页</p>
                            <i class="icon2"></i>
                        </a>
                        <div class="Mrxu-link">
                            <a href="https://nuoyo.cn/">圈子论坛</a>
                            <a href="https://nuoyo.cn/">运河人家</a>
                            <a href="https://nuoyo.cn/">信息发布</a>
                            <a href="https://nuoyo.cn/">IT知识</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                        </div>
                    </div>
                </li>
                <li class="color3">
                    <div class="Mrxu-content">
                        <a class="Mrxu-top" href="https://nuoyo.cn">
                            <p class="Mrxu-name">快讯</p>
                            <p class="Mrxu-hint">我爱诺言网快讯</p>
                            <i class="icon3"></i>
                        </a>
                        <div class="Mrxu-link">
                            <a href="https://zy.nuoyo.cn">互联网</a>
                            <a href="https://zy.nuoyo.cn">生活帮</a>
                            <a href="https://zy.nuoyo.cn">新闻控</a>
                            <a href="#">我爱诺言</a>
                            <a href="https://zy.nuoyo.cn">聊济宁</a>
                            <a href="#">GMV</a>
                        </div>
                    </div>
                </li>
                <li class="color4">
                    <div class="Mrxu-content">
                        <a class="Mrxu-top" href="https://blogl.nuoyo.cn/shop">
                            <p class="Mrxu-name">商铺</p>
                            <p class="Mrxu-hint">我爱诺言网商铺</p>
                            <i class="icon4"></i>
                        </a>
                        <div class="Mrxu-link">
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                        </div>
                    </div>
                </li>
                <li class="color5">
                    <div class="Mrxu-content">
                        <a class="Mrxu-top" href="https://zy.nuoyo.cn/">
                            <p class="Mrxu-name">文档</p>
                            <p class="Mrxu-hint">我爱诺言网文档</p>
                            <i class="icon5"></i>
                        </a>
                        <div class="Mrxu-link">
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                        </div>
                    </div>
                </li>
                <li class="color6">
                    <div class="Mrxu-content">
                        <a class="Mrxu-top" href="https://zy.nuoyo.cn/">
                            <p class="Mrxu-name">留言</p>
                            <p class="Mrxu-hint">欢迎大家留言</p>
                            <i class="icon6"></i>
                        </a>
                        <div class="Mrxu-link">
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
     </div>
<div class="banxin Mrxu-block"> <div class="Mrxu-circulation"> <ul> <li class="color1"> <div class="Mrxu-content"> <a class="Mrxu-top" href="#"> <p class="Mrxu-name">首页</p> <p class="Mrxu-hint">我的网站首页</p> <i class="icon1"></i> </a> <div class="Mrxu-link"> <a href="#">我爱诺言</a> <a href="#">我爱诺言</a> <a href="#">我爱诺言</a> <a href="#">我爱诺言</a> <a href="#">我爱诺言</a> <a href="#">我爱诺言</a> </div> </div> </li> <li class="color2"> <div class="Mrxu-content"> <a class="Mrxu-top" href="https://nuoyo.cn"> <p class="Mrxu-name">论坛</p> <p class="Mrxu-hint">诺言主页</p> <i class="icon2"></i> </a> <div class="Mrxu-link"> <a href="https://nuoyo.cn/">圈子论坛</a> <a href="https://nuoyo.cn/">运河人家</a> <a href="https://nuoyo.cn/">信息发布</a> <a href="https://nuoyo.cn/">IT知识</a> <a href="#">我爱诺言</a> <a href="#">我爱诺言</a> </div> </div> </li> <li class="color3"> <div class="Mrxu-content"> <a class="Mrxu-top" href="https://nuoyo.cn"> <p class="Mrxu-name">快讯</p> <p class="Mrxu-hint">我爱诺言网快讯</p> <i class="icon3"></i> </a> <div class="Mrxu-link"> <a href="https://zy.nuoyo.cn">互联网</a> <a href="https://zy.nuoyo.cn">生活帮</a> <a href="https://zy.nuoyo.cn">新闻控</a> <a href="#">我爱诺言</a> <a href="https://zy.nuoyo.cn">聊济宁</a> <a href="#">GMV</a> </div> </div> </li> <li class="color4"> <div class="Mrxu-content"> <a class="Mrxu-top" href="https://blogl.nuoyo.cn/shop"> <p class="Mrxu-name">商铺</p> <p class="Mrxu-hint">我爱诺言网商铺</p> <i class="icon4"></i> </a> <div class="Mrxu-link"> <a href="#">我爱诺言</a> <a href="#">我爱诺言</a> <a href="#">我爱诺言</a> <a href="#">我爱诺言</a> <a href="#">我爱诺言</a> <a href="#">我爱诺言</a> </div> </div> </li> <li class="color5"> <div class="Mrxu-content"> <a class="Mrxu-top" href="https://zy.nuoyo.cn/"> <p class="Mrxu-name">文档</p> <p class="Mrxu-hint">我爱诺言网文档</p> <i class="icon5"></i> </a> <div class="Mrxu-link"> <a href="#">我爱诺言</a> <a href="#">我爱诺言</a> <a href="#">我爱诺言</a> <a href="#">我爱诺言</a> <a href="#">我爱诺言</a> <a href="#">我爱诺言</a> </div> </div> </li> <li class="color6"> <div class="Mrxu-content"> <a class="Mrxu-top" href="https://zy.nuoyo.cn/"> <p class="Mrxu-name">留言</p> <p class="Mrxu-hint">欢迎大家留言</p> <i class="icon6"></i> </a> <div class="Mrxu-link"> <a href="#">我爱诺言</a> <a href="#">我爱诺言</a> <a href="#">我爱诺言</a> <a href="#">我爱诺言</a> <a href="#">我爱诺言</a> <a href="#">我爱诺言</a> </div> </div> </li> </ul> </div> </div>

样式CSS代码放入主题目录的style.css或 外观-自定义-额外CSS

本站资源均为网友推荐收集整理而来,请勿商业运营,仅供学习和研究,请在下载后24小时内删除!!
© 版权声明
THE END
点赞10
评论 共4条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片