HI模板网 RiPro教程

HI模板网 RiPro-V2美化之首页广告位添加教程 RiPro-V2教程

本文共1200个字，预计阅读时间需要3分钟发布时间： 2022-01-11 共105人阅读

RiPro-V2美化教程之首页广告位添加教程

如上图红圈所示，这就是ripro-v2首页广告效果

下面是教程：

首先在后台-外观-小工具，把自定义HTML小工具模块添加到-首页模块化布局，然后把下面代码添加进去。

抱歉，隐藏内容须成功后刷新可见！

保存好之后再到主题设置，顶部设置，自定义CSS样式处添加以下代码

/**首页广告**/
.hmoban_ads { display: flex; flex-wrap: wrap; margin-left: -15px; margin-top: 10px; margin-bottom: 10px !important; } .hmoban_ads li { margin: 5px 0; padding-left: 15px; flex: 0 0 33.33344%; box-sizing: border-box; width: 100%; max-width: 100%; list-style: none; } .hmoban_ads a { position: relative; display: block; float: left; } .hmoban_ads a:before { position: absolute; content: " "; width: 26px; height: 1pc; background: url(https://s3.bmp.ovh/imgs/2021/08/748b05991e59fe63.png); right: 0; font-size: 9pt; text-align: center; bottom: 0; color: #fff; } @media screen and (max-width: 800px) { 
.hmoban_ads{display:none; } } /**首页广告**/

本站声明：
1. 本站所有资源来源于网络，分享目的仅供大家学习和交流！ 2. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！ 3. 本站提供的资源，都不包含技术服务请大家谅解！ 4. 如有链接无法下载、失效或广告，请联系站长处理！

再次声明：如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

HI模板网 » HI模板网 RiPro-V2美化之首页广告位添加教程 RiPro-V2教程