建站之家专注提供完整无错带后台数据网站模板下载
用户名:
密码:
注册帐号

搜集全网优质网站模板下载 (持续更新 值得关注)

 

建站之家交流群:网站建设交流群

当前位置: 首页 > 建站教程 > 帝国建站教程 >

帝国CMS如何放入手机和电脑端显示不同的广告代码

更新时间:2017-10-18 浏览次数:

有的联盟的部分广告代码支持自适应屏幕,比如谷歌的和360的。就不用这样操作,直接放联盟代码就行。百度联盟手机端的在电脑上可以显示,电脑端的在手机上不能正常显示。

如何放入手机和电脑端显示不同的广告代码;

  1. 首先在要显示广告的页面加入CSS: 

<style type="text/css">

.pc_ad{display:block;}

.m_ad{ display:none}

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

</style> 

上面CSS的意思:

display:block  这是显示的意思

display:none 这是隐藏的意思

@media(max-width:768px)  判断页面宽度小于768PX的时候显示后面{ }的样式。 

2.找到想添加广告的地方,然后在模板里面想显示广告的地方放入下面的代码!可以先放入,生成刷新后看看效果,不行在换一个地方放入。放入后,要刷新后,才会显示的) 

<div class="pc_ad">此处放入显示在电脑上的广告代码</div>

<div class="m_ad">此处放入显示在手机上的广告代码</div>

重要提示:这样的代码,对于有些联盟,可能会认为是广告作弊。前段时间在某联盟贴吧,看到有人反映帐号被封。这样的方法,两种代码都从联盟调用出来了,但是只显示了一种,另一种被CSS隐藏起来了。使用前请确认广告联盟是否允许这样操作。

无链接信息! 提取密码:无需密码

PHP源码 ASP源码 织梦模板 DISCUZ社区论坛模板 ECSHOP商城模板 帝国CMS模板 Wordpress主题 网站源码 其它源码模板 网站模板源码下载大全

栏目导航

WEB前端开发教程织梦建站教程ecshop建站教程帝国建站教程Discuz使用教程wordpress建站教程