修改CSS让AdSense广告位置居中的办法
我们做了这么多年的AdSense,在广告的摆放上还是很注意的,特别是位置,要让可见率提高非常重要。
当然,还有一些细节,例如前一阵子发现有些广告自动在手机端变成了全屏宽度,在某些地方遮盖住了页面中的边框线,显得不够美观,于是我们就改为了300x250的固定宽度。
这是Css分类的页面,点击下面标题查看详细文章内容:
我们做了这么多年的AdSense,在广告的摆放上还是很注意的,特别是位置,要让可见率提高非常重要。
当然,还有一些细节,例如前一阵子发现有些广告自动在手机端变成了全屏宽度,在某些地方遮盖住了页面中的边框线,显得不够美观,于是我们就改为了300x250的固定宽度。
在页面内容很多、显示太长的情况下,除了分页显示以外,也可以采取折叠的方式,在网上搜了一些资料,一般都是采取JavaScript加CSS的方式来实现的,不过有些示范过于简单,有些效果过于复杂,要适合我们自己还得自己改改,经过调试基本上实现了我们需要的效果,记录如下。
在页面head或者body部分先加入下面的JavaScript代码:
用Drupal搭建网站的时候,有时需要通过修改CSS来改变网站上的格式,以前我多是使用元素内嵌CSS属性或者在页面中直接写CSS代码的办法来实现,这样效果直接了当,但不是很规范和灵活,现在采用正规的办法,添加外部CSS文件来解决,记录如下:
MediaWiki讨论页中如果有多个段落,往往会在段落标题的右侧显示“[编辑]”的提示,而网站管理员一般并不希望用户编辑其他人的留言内容,所以如果能隐去这个提示更好。
刚试了一下,在Vector皮肤下可以通过修改MediaWiki:Vector.css实现,只要加入一行就可以:
.editsection { display:none; }