【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>

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

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

昵称

取消
昵称表情代码图片