广告位模块-日主题V2主题美化二开教程

测试前请备份好源文件，再进行测试

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

<div class="yfx_ads">
		<li>
				<a href="https://www.moban58.cn/" target="_blank"><img src="https://www.ibian.online/wp-content/uploads/2022/02/2021063017183653.png" alt="58模板网_到期时间："></a>
		</li>
		<li>
				<a href="https://www.moban58.cn/" target="_blank"><img src="https://www.ibian.online/wp-content/uploads/2022/02/2021063017183653.png" alt="58模板网_到期时间："></a>
		</li>
		<li>
				<a href="https://www.moban58.cn/" target="_blank"><img src="https://www.ibian.online/wp-content/uploads/2022/02/2021063017183653.png" alt="58模板网_到期时间："></a>
		</li>
		<li>
				<a href="https://www.moban58.cn/" target="_blank"><img src="https://www.ibian.online/wp-content/uploads/2022/02/2021063017183653.png" alt=" 58模板网_到期时间："></a>
		</li>
		<li>
			 <a href="ttps://www.yfxw.cn/" target="_blank"><img src="https://www.ibian.online/wp-content/uploads/2022/02/2021063017183653.png" at="58模板网_到期时间："></a>
			</li>
			<li>
				<a href="https://www.moban58.cn/" target="_blank"><img src="https://www.ibian.online/wp-content/uploads/2022/02/2021063017183653.png"
						alt="58模板网_到期时间："></a>
			</li>
			<li>
				<a href="https://www.moban58.cn/" target="_blank"><img src="https://www.ibian.online/wp-content/uploads/2022/02/2021063017183653.png"
						alt="58模板网_到期时间："></a>
			</li>
			<li>
				<a href="https://www.moban58.cn/" target="_blank"><img src="https://www.ibian.online/wp-content/uploads/2022/02/2021063017183653.png"
						alt="58模板网_到期时间："></a>
			</li>
			<li>
				<a href="https://www.moban58.cn/" target="_blank"><img src="https://www.ibian.online/wp-content/uploads/2022/02/2021063017183653.png"
						alt="58模板网_到期时间："></a>
			</li>
		</div>

最后在外观–自定义–额外CSS或者其他地方加载以下CSS样式

[rihide]

.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; }
}

[/rihide]

感谢您的来访，获取更多精彩文章请收藏本站。