关于自适应模板网站站点添加广告的方法有(关于自适应模板网站站点添加广告的方法正确的是)
很多朋友问翠玉如何在自适应网站中添加广告。由于广告是在PC端添加的,因此在移动端会出现变形、显示不完整或根本不显示的情况。那么今天翠玉就给大家讲解一下方法,方便大家!
首先,朋友们,我们先放弃一件事,那就是后台广告管理!接下来一切都应该在模板中完成!基础差的朋友要尽量弥补,或者找高人解决,或者直接付费找墨鱼!呵呵!
1.我们首先找到这个网站的主要CSS,或者我们不需要找到CSS,直接将以下CSS添加到模板或页面中即可:
.pcd_ad{display:block;}
.mbd_ad{display:none}
@media(最大宽度:768px) {
.pcd_ad{display:none!重要;}
.mbd_ad{display:block!重要;}
}
上面CSS的意思大致是:
display:block 表示显示
display:none 表示隐藏
@media(max-width:768px) 判断页面宽度小于768PX后显示{}的样式。
2、我们需要找到我们要添加广告的地方,然后插入以下代码:(找不到?这个没有教程,就是模板中要展示广告的地方! )
div class='pcd_ad'PC广告代码/div
div class='mbd_ad'Mobile移动广告代码/div
好了,就这么简单,接下来该更新更新了,该刷新刷新了。就是这样!