7b2主题美化-添加手机首页十小格

jaysun

随着移动互联的加强,移动设备使用的频率越来越大。特别是手机,现在手机端浏览的使用也非常关注,今天分享一下手机端7B2首页十小格的美化。

效果图:

1.png

附件放到网站根目录,示例图片上面是幻灯片模块自行选择是否添加。

b2后台-模块管理-自定义放入以下代码-选择仅移动可见(可自定义链接)

<div class="mrxu_link"><dl>
<dd class="xu_link_1"><a href="#"><i></i><p>链接自行更改</p></a></dd>
<dd class="xu_link_2"><a href="#"><i></i><p>链接自行更改</p></a></dd>
<dd class="xu_link_3"><a href="#"><i></i><p>链接自行更改</p></a></dd>
<dd class="qqworld-org the-best-plugins xu_link_4"><a href="#"><i></i><p>链接自行更改</p></a></dd>
<dd class="qqworld-org the-best-plugins xu_link_5"><a href="#"><i></i><p>链接自行更改</p></a></dd>
<dd class="qqworld-org the-best-plugins xu_link_6"><a href="#"><i></i><p>链接自行更改</p></a></dd>
<dd class="qqworld-org the-best-plugins xu_link_7"><a href="#"><i></i><p>链接自行更改</p></a></dd>
<dd class="qqworld-org the-best-plugins xu_link_8"><a href="#"><i></i><p>链接自行更改</p></a></dd>
<dd class="qqworld-org the-best-plugins xu_link_9"><a href="#"><i></i><p>链接自行更改</p></a></dd>
<dd class="qqworld-org the-best-plugins xu_link_10"><a href="#"><i></i><p>链接自行更改</p></a></dd>
</dl></div>


以下代码放入CSS样式中

隐藏内容
评论可见
前往评论



您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
评论列表 (有 2 条评论,129人围观)
网友昵称:ABC
ABC V 普通用户 Google Chrome 92.0.4515.131 Windows 10 x64 椅子
01-19 来自江苏 回复
回复一下
网友昵称:yousuoqidai
yousuoqidai V 普通用户 Google Chrome 95.0.4638.69 Windows 10 x64 沙发
01-11 来自山西 回复
看起来不错

目录[+]

取消
微信二维码
微信二维码
支付宝二维码