图片广告位代码 单排长图广告与双排图片广告代码
效果如图所示,适应手机端!
HTML代码如下
<div class="tp-ads">
<div class="tp-ads-list">
<a href="http://www.yonghengzy.cn/" target="_blank" title="" alt="">
<img src="http://img.yonghengzy.cn/wp-content/uploads/2019/06/14081549780.png" alt=""></a>
</div>
<div class="tp-ads-list tp-ads-flex">
<a href="http://www.yonghengzy.cn/" target="_blank" title="" alt="">
<img src="http://img.yonghengzy.cn/wp-content/uploads/2019/06/14081549780.png" alt=""></a>
<a href="http://www.qzhan.vip/" target="_blank" title="" alt="">
<img src="http://img.yonghengzy.cn/wp-content/uploads/2019/06/14081549780.png" alt=""></a>
</div>
<div class="tp-ads-list tp-ads-flex">
<a href="http://www.yonghengzy.cn/" target="_blank" title="" alt="">
<img src="http://img.yonghengzy.cn/wp-content/uploads/2019/06/14081549780.png" alt=""></a>
<a href="http://www.qzhan.vip/" target="_blank" title="" alt="">
<img src="http://img.yonghengzy.cn/wp-content/uploads/2019/06/14081549780.png" alt=""></a>
</div>
</div>
CSS代码如下
<style type="text/css">
.tp-ads {
width:100%;
margin-top:6px;
}
.tp-ads-list {
width:100%;
}
.tp-ads-list a {
display:block;
width:100%;
}
.tp-ads-list img {
width:100%;
height:70px;
margin:4px 0;
}
.tp-ads-flex {
display:flex;
align-items:center;
justify-content:space-between;
}
.tp-ads-flex a {
width:49.8%;
}
@media screen and (max-width:1000px) {
.tp-ads-list img {
width:100%;
height:25px;
}
}</style>
使用方法:将HTML和CSS代码复制后放置需要展示的地方,然后更换图片与广告链接即可,需要几行广告复制几行即可!
下载说明:
1、本站资源都是白菜价出售,同样的东西,我们不卖几百,也不卖几十,甚至才卖几块钱,一个永久会员能下载全站100%源码了,所以单独购买也好,会员也好均不提供相关技术服务。
2、如果源码下载地址失效请/联系站长QQ进行补发。
3、本站所有资源仅用于学习及研究使用,请必须在24小时内删除所下载资源,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担。资源除标明原创外均来自网络整理,版权归原作者或本站特约原创作者所有,如侵犯到您权益请联系本站删除!
4、本站站内提供的所有可下载资源(软件等等)本站保证未做任何负面改动(不包含修复bug和完善功能等正面优化或二次开发);但本网站不能保证资源的准确性、安全性和完整性,用户下载后自行斟酌,我们以交流学习为目的,并不是所有的源码都100%无错或无bug;同时本站用户必须明白,【源码源码ui网】对提供下载的软件等不拥有任何权利(本站原创和特约原创作者除外),其版权归该资源的合法拥有者所有。
5、请您认真阅读上述内容,购买即以为着您同意上述内容。
互保站 » 图片广告位代码 单排长图广告与双排图片广告代码
1、本站资源都是白菜价出售,同样的东西,我们不卖几百,也不卖几十,甚至才卖几块钱,一个永久会员能下载全站100%源码了,所以单独购买也好,会员也好均不提供相关技术服务。
2、如果源码下载地址失效请/联系站长QQ进行补发。
3、本站所有资源仅用于学习及研究使用,请必须在24小时内删除所下载资源,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担。资源除标明原创外均来自网络整理,版权归原作者或本站特约原创作者所有,如侵犯到您权益请联系本站删除!
4、本站站内提供的所有可下载资源(软件等等)本站保证未做任何负面改动(不包含修复bug和完善功能等正面优化或二次开发);但本网站不能保证资源的准确性、安全性和完整性,用户下载后自行斟酌,我们以交流学习为目的,并不是所有的源码都100%无错或无bug;同时本站用户必须明白,【源码源码ui网】对提供下载的软件等不拥有任何权利(本站原创和特约原创作者除外),其版权归该资源的合法拥有者所有。
5、请您认真阅读上述内容,购买即以为着您同意上述内容。
互保站 » 图片广告位代码 单排长图广告与双排图片广告代码