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

很多小伙伴问墨鱼自适应站点添加广告怎么办，因为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.我们要找到自己想添加广告的地方，然后插入以下代码：(找不到？这个没法教程，意思就是模板里你想显示广告的地方！)

电脑端广告代码

手机移动端广告代码

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

html广告代码自适应,关于自适应模板网站站点添加广告的方法相关推荐

js 让鼠标右下角有一排小字_JavaScript浮动广告代码，容纯DIV/CSS对联漂浮广告代码，兼容性非常好的js右下角与漂浮广告代码...
基于JavaScript代码实现随机漂浮图片广告,javascript图片广告在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上类似标签之后,漂浮效果就会失效,下面分享一个符合标准的漂浮 ...
在一台服务器建立多个web站点的方法,在一台WEB服务器上实现建立多个Web网站站点的几种方法...
我们知道,网络上的每一个Web站点都有一个惟一的身份标识,从而使客户机能够准确地访问.这一标识由三部分组成,即TCP端口号.IP地址和主机头名,要实现"一机多站"就需要在这三个方面 ...
百度联盟广告代码php,js 投放联盟广告代码可异步加载百度联盟广告
js 投放联盟广告代码一般方法介绍,普通的加载方式容易阻塞页面加载,所以我们使用异步加载百度联盟广告代码,广告js代码就可以异步加载无阻塞如果你有一个网站或者个人博客,想投放百度联盟广告代码以获取收 ...
网页JS弹出广告代码，头部，右下角，网页中漂浮，对联广告代码等大全
01.借鉴:网页JS弹出广告代码,头部,右下角,网页中漂浮,对联广告代码等大全02.网页头部弹出广告:03. 04.<script src="ht ...
图片广告自适应代码html,使用自适应模板网站添加广告自适应的方法（DIV+CSS控制）...
现在随着HTM5+CSS3越来越流行,自适应站点也越来越多,但是自适应站点会遇到一个问题,添加的广告不会自适应,添加了PC端的广告后,使用手机浏览,会发现广告严重变形或者显示不全或者根本不显示,今天就 ...
手机页面漂浮广告 html,网站底部漂浮广告电脑手机自适应代码纯CSS
网站底部漂浮广告电脑手机自适应代码纯CSS;废话少说直接上干货: HTML部分: 说明文字点击按钮 CSS样式部分: .margingT { margin-bottom: 80px; } .bott ...
html5广告模板,HTML5广告图文印刷复印类模板(自适应网站模板)
小魂模板店:我们提供的模板大部分均为本地下载和网盘下载,本网站有织梦精品模板下载.新闻博客模板下载,还免费提供织梦cms插件,当然也希望在这小伙伴们能学到织梦技巧和织梦基础知识. 如果有想做广告图文. ...
(自适应手机端)自适应门窗定制pbootcms网站模板，铝合金门窗网站源码下载。(PC+WAP)
(自适应手机端)自适应门窗定制pbootcms网站模板,铝合金门窗网站源码下载.(PC+WAP) PbootCMS内核开发的网站模板,该模板适用于门窗网站.门窗网站等企业,当然其他行业也可以做,只需要 ...
[厂长首作]MIPCMS自适应新闻资讯模板
本模板基于国内MIPCMS系统仿制国外DataLife Engine的一个模板,这个模板是厂长首作,仿制的可能有些问题,如果大家使用的时候有什么问题可以反馈,也可以自行修复,厂长分享的东西基本不收任何 ...

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

html广告代码自适应,关于自适应模板网站站点添加广告的方法相关推荐

最新文章

热门文章