• 域名认证
  • 作品:163
  • 记录:390|
  • 随笔:57|
  • 资源:221|
  • 评论:14|
  • 会员:4554|

m 墨鱼部落格

欢迎来到墨鱼博客!
关于自适应模板网站站点添加广告的方法

关于自适应模板网站站点添加广告的方法

浏览次数:

作者: 墨鱼

信息来源:

更新日期: 2016-03-22 12:18:31

文章简介

很多小伙伴问墨鱼 自适应站点添加广告怎么办,因为PC端增加了广告,到移动端会变形或者显示不全或者根本不显示,那么今天墨鱼给大家讲解下方法,抛砖引玉,方便大家!首先小伙伴们先放

  • 正文开始
  • 相关文章

 很多小伙伴问墨鱼 自适应站点添加广告怎么办,因为PC端增加了广告,到移动端会变形或者显示不全或者根本不显示,那么今天墨鱼给大家讲解下方法,抛砖引玉,方便大家!

首先小伙伴们先放弃一个东西,就是后台的广告管理!接下来所有事情都应该在模板里进行了!基础差的小伙伴们要恶补一下,或者找高手解决,或者直接付费找墨鱼哦!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.我们要找到自己想添加广告的地方,然后插入以下代码:(找不到?这个没法教程,意思就是模板里你想显示广告的地方!)


<div class="pcd_ad">电脑端广告代码</div>

<div class="mbd_ad">手机移动端广告代码</div>


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

收藏此文 ( ) 感觉不错,赞哦! 打赏本站

如果本文对你有所帮助请打赏本站

  • 打赏方法如下:
  • 支付宝打赏
    支付宝扫描打赏
    微信打赏
    微信扫描打赏
TAG: 自适应   广告

精彩评论

最近更新作品更多
最新笔记 更多