您现在的位置是:首页 > cms教程 > 帝国CMS教程帝国CMS教程

帝国cms自适应模板网站站点添加广告的方法(适用其他网站)

大力2023-04-20帝国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功能开发 

很赞哦! ()

相关源码

  • (自适应)工业机械设备产品介绍免费pbootcms源码下载本网站模板基于PbootCMS内核精心开发,为机械设备与工业产品制造企业量身打造。设计充分考量行业特性,突出产品展示与技术实力呈现查看源码
  • 帝国CMS7.2互联网自媒体门户整站带数据源码免费下载分享一款高仿极客网门户模板,帝国cms7.2版本,非常适合互联网、自媒体、文章门户网站使用。测法发现备份数据恢复报错,找了几个版本的都是一样的,有能力的自行修复查看源码
  • (自适应多语言)WordPress开源主题MirageV资讯个人博客源码MirageV资讯类个人博客主题源码/WordPress主题/全开源MirageV 是一款开源的 WordPress 主题,支持自适应、暗黑模式、多语言等功能,查看源码
  • (PC+WAP)楼承板建筑工程合金钢铁材料pbootcms网站源码下载为楼承板生产商及建筑工程企业设计的响应式网站模板,采用PbootCMS内核开发,同步适配电脑与移动设备浏览。通过模块化结构展示工程案例、产品参数等专业内容,帮助建筑建材企业建立标准化数字展示平台,提升行业专业形象。查看源码
  • (自适应响应式)黑色酷炫高端数码摄影pbootcms网站模板源码本模板基于PbootCMS开发,为摄影工作室、个人摄影师及摄影爱好者设计。采用深色系风格,突出摄影作品展示效果,适配各类数码设备浏览。适用于作品集展示查看源码
  • (自适应响应式)HTML5甲醛环境检测网站模板带在线留言和资料下载本模板为甲醛检测与环保科技企业开发,采用PbootCMS内核构建。首页集成空气质量数据可视化模块,服务流程采用时间轴展示设计,检测报告板块支持PDF在线预览功能查看源码
分享笔记 (共有 篇笔记)
验证码: