使用方法:外观-小工具-自定义html,把代码复制进去,放在想要放置的地方。
<div class="ad"><!--图片横幅广告-->
<a href="/ad.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank" rel="noopener"><img src="https://cdn.xiegang.wang/wp-content/uploads/2022/09/2c099f6878013737.webp" /></a>
<!--自适应文字广告-->
<ul>
<li><a style="line-height: 60px; height: 60px; color: #fff; background: #01AAED; text-align: center; font-size: 24px;" href="/ad.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank" rel="noopener">广告招商 虚位以待</a></li>
<li><a style="line-height: 60px; height: 60px; color: #fff; background: #2F4056; text-align: center; font-size: 24px;" href="/ad.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank" rel="noopener">广告招商 虚位以待</a></li>
</ul>
</div>
<div class="txtguanggao"><a class="dh" href="/ad.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank" rel="noopener">超低价文字广告位</a>
<a class="dh" href="/ad.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank" rel="noopener">超低价文字广告位</a>
<a class="dh" href="/ad.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank" rel="noopener">超低价文字广告位</a>
<a class="dh" href="/ad.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank" rel="noopener">超低价文字广告位</a>
<a class="dh" href="/ad.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank" rel="noopener">超低价文字广告位</a>
<a class="dh" href="/ad.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank" rel="noopener">超低价文字广告位</a>
<a class="dh" href="/ad.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank" rel="noopener">超低价文字广告位</a>
<a class="dh" href="/ad.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank" rel="noopener">超低价文字广告位</a></div>
<style>
/**广告位**/<br /> .ad{background:#fff;overflow:hidden;clear:both;border-radius: 6px;}<br /> .ad a{margin:5px;display:block;border-radius:3px;}<br /> .ad img{max-width:100%;}<br /> .ad li{float:left;width:50%;list-style:none;}<br /> @media(max-width:999px) {<br /> .ad{margin: 0 0 10px 0;}<br /> .ad li{width:100%;}<br /> }<br /> /**新增文字广告**/<br /> .txtguanggao{<br /> width: 100%;<br /> overflow: hidden;<br /> display: block;<br /> box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);<br /> }<br /> .txtguanggao a{<br /> width: calc((100% - 20px) / 4);<br /> float: left;<br /> border-radius: 2px;<br /> line-height: 35.35px;<br /> height: 35.35px;<br /> text-align: center;<br /> font-size: 14px;<br /> color: #fff;<br /> display: inline-block;<br /> background-color: rgb(255, 153, 159);<br /> margin: 2.5px;</p>
<p> transition-duration: .3s;<br /> }<br /> .txtguanggao a:nth-child(1) {<br /> background-color: #dc3545;<br /> }<br /> .txtguanggao a:nth-child(2) {<br /> background-color: #007bff;<br /> }<br /> .txtguanggao a:nth-child(3) {<br /> background-color: #28a745;<br /> }<br /> .txtguanggao a:nth-child(4) {<br /> background-color: #ffc107;<br /> }<br /> .txtguanggao a:nth-child(5) {<br /> background-color: #28a745;<br /> }<br /> .txtguanggao a:nth-child(6) {<br /> background-color: #ffc107;<br /> }<br /> .txtguanggao a:nth-child(7) {<br /> background-color: #dc3545;<br /> }<br /> .txtguanggao a:nth-child(8){<br /> background-color: #007bff;<br /> }<br /> .txtguanggao a:hover{<br /> background:#FF2805;color:#FFF<br /> }<br /> @media screen and (max-width: 1000px) {<br /> .txtguanggao a{<br /> width: calc((100% - 10px) / 2);<br /> float: left;<br /> border-radius: 2px;<br /> line-height: 35.35px;<br /> height: 35.35px;<br /> text-align: center;<br /> font-size: 14px;<br /> color: #fff;<br /> display: inline-block;<br /> background-color: rgb(255, 153, 159);<br /> margin: 2.5px;<br /> transition-duration: .3s;<br /> }<br /> }<br /> @media screen and (min-width: 1000px) {<br /> .txtguanggao a{<br /> width: calc((100% - 20px) / 4);<br /> }}<br /> </style>
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
- 最新
- 最热
只看作者