博客去广告并支持自适应样式
2013-07-24 17:46
309 查看
因为忍受不了浏览博客园博客时总是被post下边广告骚扰; 使用不同尺寸设备,或浏览器缩放时显示还会出现混乱的问题,所以撰写此文,希望大家都能应用到自己的博客上,方便自己也方便他人。
1. 去广告
这个很容易,把下边代码按需贴到"修改设置"->"通过CSS代码定制代码页面风格"中并点击保存即可。
2. 支持自适应
这个就是RESS设计部分,通俗讲就是让页面能够在不同尺寸设备(包括浏览器缩放)上达到最佳显示效果。这个也很简单,根据自己需要定义media query 然后贴到"修改设置"->"通过CSS代码定制代码页面风格" 即可,参考:
以上是我页面所用,菜鸟可以debug我的页面看css,大拿也可以自己设计。
1. 去广告
这个很容易,把下边代码按需贴到"修改设置"->"通过CSS代码定制代码页面风格"中并点击保存即可。
#site_nav_under, #ad_under_post_holder, #comment_form_container,blog_news_kb,google_ad_c2, #comment_nav{ display:none !important;}
2. 支持自适应
这个就是RESS设计部分,通俗讲就是让页面能够在不同尺寸设备(包括浏览器缩放)上达到最佳显示效果。这个也很简单,根据自己需要定义media query 然后贴到"修改设置"->"通过CSS代码定制代码页面风格" 即可,参考:
@media (max-width: 950px) { #home{max-width:inherit;} #main{min-width:inherit;max-width:inherit;} #mainContent, #mainContent .forFlow{ margin:auto;} #sideBar{display:none;} #mainContent{float:none;} } @media (max-width: 380px) { #MyLinks1_MyHomeLink, #MyLinks1_Syndication{display:none !important;} }
以上是我页面所用,菜鸟可以debug我的页面看css,大拿也可以自己设计。
相关文章推荐
- Android广告图片轮播,支持无限循环和设置轮播样式、切换时间等
- Android广告图片轮播控件,支持无限循环和5种主题,可以灵活设置轮播样式、时间、位置、图片加载框架等!
- Android广告图片轮播控件,支持无限循环和5种主题,可以灵活设置轮播样式、时间、位置、图片加载框架等!
- 测试CSDN博客是否支持自定义文本样式
- Android广告图片轮播控件,支持无限循环和5种主题,可以灵活设置轮播样式、时间、位置、图片加载框架等!
- Android广告图片轮播控件,支持无限循环和5种主题,可以灵活设置轮播样式、时间、位置、图片加载框架等!
- 有哪些博客支持google adsense广告?
- 搞定了博客的样式,搞了好半天!
- ie6不支持样式并联
- 支持多语言、多用户、多数据库、完美URL之路过秋天版博客 V1.0正式版 发布[含详细部署安装说明]
- 博客文章文章里可以写样式
- (转)按字节长度截取字符串(支持截取带HTML代码样式的字符串)
- 【初尝博客】Unity Web Player不支持GB2312的解决办法
- 修改CSDN博客的样式
- CSDN博客越来越垃圾了,到处放广告
- 用CSS自定义博客链接字体及链接下划线的样式
- Android ImageView图片自适应(转自 leesa的博客)
- Javascript倒计时 支持自定义样式