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

📅 2024-01-11 ⏱️ 4 分钟 🔢 1024 字

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

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

<div class="tuc-2ea177b2-4e37a1-0 banxin Mrxu-block tuc-2ea177b2-4e37a1-0">
        <div class="tuc-2ea177b2-4e37a1-0 Mrxu-circulation tuc-2ea177b2-4e37a1-0">
            <ul>
                <li class="tuc-2ea177b2-4e37a1-0 color1 tuc-2ea177b2-4e37a1-0">
                    <div class="tuc-2ea177b2-4e37a1-0 Mrxu-content tuc-2ea177b2-4e37a1-0">
                        <a class="tuc-2ea177b2-4e37a1-0 Mrxu-top tuc-2ea177b2-4e37a1-0" href="#">
                            <p class="tuc-2ea177b2-4e37a1-0 Mrxu-name tuc-2ea177b2-4e37a1-0">首页</p>
                            <p class="tuc-2ea177b2-4e37a1-0 Mrxu-hint tuc-2ea177b2-4e37a1-0">我的网站首页</p>
                            <i class="tuc-2ea177b2-4e37a1-0 icon1 tuc-2ea177b2-4e37a1-0"></i>
                        </a>
                        <div class="tuc-2ea177b2-4e37a1-0 Mrxu-link tuc-2ea177b2-4e37a1-0">
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                        </div>
                    </div>
                </li>
                <li class="tuc-2ea177b2-4e37a1-0 color2 tuc-2ea177b2-4e37a1-0">
                    <div class="tuc-2ea177b2-4e37a1-0 Mrxu-content tuc-2ea177b2-4e37a1-0">
                        <a class="tuc-2ea177b2-4e37a1-0 Mrxu-top tuc-2ea177b2-4e37a1-0" href="https://nuoyo.cn">
                            <p class="tuc-2ea177b2-4e37a1-0 Mrxu-name tuc-2ea177b2-4e37a1-0">论坛</p>
                            <p class="tuc-2ea177b2-4e37a1-0 Mrxu-hint tuc-2ea177b2-4e37a1-0">诺言主页</p>
                            <i class="tuc-2ea177b2-4e37a1-0 icon2 tuc-2ea177b2-4e37a1-0"></i>
                        </a>
                        <div class="tuc-2ea177b2-4e37a1-0 Mrxu-link tuc-2ea177b2-4e37a1-0">
                            <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="tuc-2ea177b2-4e37a1-0 color3 tuc-2ea177b2-4e37a1-0">
                    <div class="tuc-2ea177b2-4e37a1-0 Mrxu-content tuc-2ea177b2-4e37a1-0">
                        <a class="tuc-2ea177b2-4e37a1-0 Mrxu-top tuc-2ea177b2-4e37a1-0" href="https://nuoyo.cn">
                            <p class="tuc-2ea177b2-4e37a1-0 Mrxu-name tuc-2ea177b2-4e37a1-0">快讯</p>
                            <p class="tuc-2ea177b2-4e37a1-0 Mrxu-hint tuc-2ea177b2-4e37a1-0">我爱诺言网快讯</p>
                            <i class="tuc-2ea177b2-4e37a1-0 icon3 tuc-2ea177b2-4e37a1-0"></i>
                        </a>
                        <div class="tuc-2ea177b2-4e37a1-0 Mrxu-link tuc-2ea177b2-4e37a1-0">
                            <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="tuc-2ea177b2-4e37a1-0 color4 tuc-2ea177b2-4e37a1-0">
                    <div class="tuc-2ea177b2-4e37a1-0 Mrxu-content tuc-2ea177b2-4e37a1-0">
                        <a class="tuc-2ea177b2-4e37a1-0 Mrxu-top tuc-2ea177b2-4e37a1-0" href="https://blogl.nuoyo.cn/shop">
                            <p class="tuc-2ea177b2-4e37a1-0 Mrxu-name tuc-2ea177b2-4e37a1-0">商铺</p>
                            <p class="tuc-2ea177b2-4e37a1-0 Mrxu-hint tuc-2ea177b2-4e37a1-0">我爱诺言网商铺</p>
                            <i class="tuc-2ea177b2-4e37a1-0 icon4 tuc-2ea177b2-4e37a1-0"></i>
                        </a>
                        <div class="tuc-2ea177b2-4e37a1-0 Mrxu-link tuc-2ea177b2-4e37a1-0">
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                        </div>
                    </div>
                </li>
                <li class="tuc-2ea177b2-4e37a1-0 color5 tuc-2ea177b2-4e37a1-0">
                    <div class="tuc-2ea177b2-4e37a1-0 Mrxu-content tuc-2ea177b2-4e37a1-0">
                        <a class="tuc-2ea177b2-4e37a1-0 Mrxu-top tuc-2ea177b2-4e37a1-0" href="https://zy.nuoyo.cn/">
                            <p class="tuc-2ea177b2-4e37a1-0 Mrxu-name tuc-2ea177b2-4e37a1-0">文档</p>
                            <p class="tuc-2ea177b2-4e37a1-0 Mrxu-hint tuc-2ea177b2-4e37a1-0">我爱诺言网文档</p>
                            <i class="tuc-2ea177b2-4e37a1-0 icon5 tuc-2ea177b2-4e37a1-0"></i>
                        </a>
                        <div class="tuc-2ea177b2-4e37a1-0 Mrxu-link tuc-2ea177b2-4e37a1-0">
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                            <a href="#">我爱诺言</a>
                        </div>
                    </div>
                </li>
                <li class="tuc-2ea177b2-4e37a1-0 color6 tuc-2ea177b2-4e37a1-0">
                    <div class="tuc-2ea177b2-4e37a1-0 Mrxu-content tuc-2ea177b2-4e37a1-0">
                        <a class="tuc-2ea177b2-4e37a1-0 Mrxu-top tuc-2ea177b2-4e37a1-0" href="https://zy.nuoyo.cn/">
                            <p class="tuc-2ea177b2-4e37a1-0 Mrxu-name tuc-2ea177b2-4e37a1-0">留言</p>
                            <p class="tuc-2ea177b2-4e37a1-0 Mrxu-hint tuc-2ea177b2-4e37a1-0">欢迎大家留言</p>
                            <i class="tuc-2ea177b2-4e37a1-0 icon6 tuc-2ea177b2-4e37a1-0"></i>
                        </a>
                        <div class="tuc-2ea177b2-4e37a1-0 Mrxu-link tuc-2ea177b2-4e37a1-0">
                            <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小时内删除！！

本站资源大多来自网络，如有侵犯你的权益请联系管理员E-mail:2469329338@qq.com 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用，未经原版权作者许可,禁止用于任何商业途径！请在下载24小时内删除！

如果遇到付费才可观看的文章，建议升级终身VIP。全站所有资源“任意下免费看”。本站资源少部分采用7z压缩，为防止有人压缩软件不支持7z格式，7z解压，建议下载7-zip，zip、rar解压，建议下载WinRAR。