自适应模板网站添加电脑和手机广告的方法

有鱼

发表文章数:289

首页 » 经验教程 » 正文
摘要:怎么样可以为自适应网站添加广告,PC端显示电脑广告,手机端显示手机广告,很多小伙伴问自适应站点添加广...

怎么样可以为自适应网站添加广告,PC端显示电脑广告,手机端显示手机广告,很多小伙伴问自适应站点添加广告怎么办,因为PC端增加了广告,到移动端会变形或者显示不全或者根本不显示,那么今天抓虾给大家讲解一种用css实现的方法,抛砖引玉,方便大家!

自适应模板网站添加电脑和手机广告的方法

首先小伙伴们先放弃一个东西,就是后台的广告管理!接下来所有事情都应该在模板里进行了!基础差的小伙伴们要恶补一下,或者找高手解决,或者直接付费找抓虾哦!HOHO!

1.我们先找到这个站点的主CSS,或者不用找CSS,直接在模板或者页面里添加以下CSS:

.pcd_ad{display:block;}.mbd_ad{ display:none}@media(max-width:768px) {.pcd_ad{display:none !important;}.mbd_ad{display:block !important;}}

上面CSS的意思大概:

display:block 这是显示的意思
display:none 这是隐藏的意思
@media(max-width:768px) 判断页面宽度小于768PX的时候显示后面{}的样式。

2.我们要找到自己想添加广告的地方,然后插入以下代码:(找不到?这个没法教程,意思就是模板里你想显示广告的地方!)

自适应模板网站添加电脑和手机广告的方法

好了,就是那么简单,然后该更新更新,该刷新刷新。就成了!

未经允许不得转载:作者:有鱼, 转载或复制请以 超链接形式 并注明出处 抓虾网
原文地址:《自适应模板网站添加电脑和手机广告的方法》 发布于2019-05-27

分享到:
赞(0) 打赏

评论 抢沙发

9 + 1 =


觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.0主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

切换登录

注册