您现在的位置是:首页 > 教程 > 帝国CMS教程帝国CMS教程
帝国cms自适应模板网站站点添加广告的方法(适用其他网站)
大力2023-04-20 23:05:16帝国CMS教程已有人查阅
导读很多小伙伴问小编 自适应站点添加广告怎么办,因为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>
好了,就是那么简单,然后该更新更新,该刷新刷新。就成了!
本文标签:
很赞哦! ()
随机图文
-
帝国cms教程内容权限判断实现vip免费查看
想实现的效果,在文章系统模型中添加了两个字段,member:普通会员可以查看的内容;vip:VIP会员可以查看的内容 -
帝国CMS二次开发列表页新闻和简介怎么清除自动换行符
列表内容模板(list.var) (*) 使用程序代码,判断smalltext字段中是否含有换行符,含有去掉不含有直接输出。 -
帝国CMS实现上传附件名为源文件名+随机码的方法
如何更改帝国CMS上传附件名为源文件名+随机码 -
帝国CMS整合第三方支付接口的方法
看到网上的帝国CMS第三方支付接口资源很少,我的站长站就分享一篇关于帝国cms二次开发整合第三方支付接口教程,我们只分享大致思路。
留言与评论 (共有 条评论) |