WordPress主题Rizhuti-V2广告位模块美化

作者 : 星辰 本文共1950个字,预计阅读时间需要5分钟 发布时间: 2021-12-9 共87人阅读

进入后台点击外观–小工具–自定义html把下列代码放进去

<div class="yfx_ads">
		<li>
				<a href="https://www.vfaner.com/" target="_blank"><img src="https://www.cdnjson.com/images/2021/07/29/2021063017183653.png" alt="微范儿_到期时间:"></a>
		</li>
		<li>
				<a href="https://www.vfaner.com/" target="_blank"><img src="https://www.cdnjson.com/images/2021/07/29/2021063017183653.png" alt="微范儿_到期时间:"></a>
		</li>
		<li>
				<a href="https://www.vfaner.com/" target="_blank"><img src="https://www.cdnjson.com/images/2021/07/29/2021063017183653.png" alt="微范儿_到期时间:"></a>
		</li>
		<li>
				<a href="https://www.vfaner.com/" target="_blank"><img src="https://www.cdnjson.com/images/2021/07/29/2021063017183653.png" alt=" 微范儿_到期时间:"></a>
		</li>
		<li>
			 <a href="ttps://www.vfaner.com/" target="_blank"><img src="https://www.cdnjson.com/images/2021/07/29/2021063017183653.png" at="微范儿_到期时间:"></a>
			</li>
			<li>
				<a href="https://www.vfaner.com/" target="_blank"><img src="https://www.cdnjson.com/images/2021/07/29/2021063017183653.png"
						alt="微范儿_到期时间:"></a>
			</li>
			<li>
				<a href="https://www.vfaner.com/" target="_blank"><img src="https://www.cdnjson.com/images/2021/07/29/2021063017183653.png"
						alt="微范儿_到期时间:"></a>
			</li>
			<li>
				<a href="https://www.vfaner.com/" target="_blank"><img src="https://www.cdnjson.com/images/2021/07/29/2021063017183653.png"
						alt="微范儿_到期时间:"></a>
			</li>
			<li>
				<a href="https://www.vfaner.com/" target="_blank"><img src="https://www.cdnjson.com/images/2021/07/29/2021063017183653.png"
						alt="微范儿_到期时间:"></a>
			</li>
		</div>

最后在外观–自定义–额外CSS加入以下CSS样式

.yfx_ads {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-top: 10px;
    margin-bottom: 10px !important;
}
.yfx_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;
}
.yfx_ads a {
    position: relative;
    display: block;
    float: left;
}
.yfx_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) { .yfx_ads{display:none; }
}
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"www.vfaner.com",如遇到无法解压的请联系管理员!

微范儿 » WordPress主题Rizhuti-V2广告位模块美化

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
需要帮助?
加官方群:71622543,即可向管理员或者群员咨询,看到第一时间回复