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教程

常见问题FAQ

本站下载资源解压密码是什么?
本站所有资源解压密码均为www.hmoban.com、www.huziy.com或者www.92luntan.com
免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
开通VIP 享更多特权,为了您的账户安全HI模板网建议您使用QQ登录!