博客去广告并支持自适应样式
2019-08-02 10:26
1051 查看
原文链接:https://www.geek-share.com/detail/2585659160.html
因为忍受不了浏览博客园博客时总是被post下边广告骚扰; 使用不同尺寸设备,或浏览器缩放时显示还会出现混乱的问题,所以撰写此文,希望大家都能应用到自己的博客上,方便自己也方便他人。
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,大拿也可以自己设计。
转载于:https://www.cnblogs.com/Jack8Chen/p/3211145.html
相关文章推荐
- 博客去广告并支持自适应样式
- 测试CSDN博客是否支持自定义文本样式
- Android广告图片轮播控件,支持无限循环和5种主题,可以灵活设置轮播样式、时间、位置、图片加载框架等!
- 有哪些博客支持google adsense广告?
- Android广告图片轮播控件,支持无限循环和5种主题,可以灵活设置轮播样式、时间、位置、图片加载框架等!
- Android广告图片轮播控件,支持无限循环和5种主题,可以灵活设置轮播样式、时间、位置、图片加载框架等!
- Android广告图片轮播,支持无限循环和设置轮播样式、切换时间等
- Android广告图片轮播控件,支持无限循环和5种主题,可以灵活设置轮播样式、时间、位置、图片加载框架等!
- 开始博客生涯,希望大家支持!!!
- 【CSDN博客之星】2013年CSDN博客之星正在评选,希望大家支持,非常感谢!
- I-Favourite2.0 Build (多用户多语言多种数据支持博客系统)正式版发布
- 公告:CSDN博客频道支持Windows Live Writer离线写博客啦
- 在csdn博客文章中加入google广告代码(adsense for content)
- 日广告巨头看上博客 电通ADK合资专投博客
- WPF:Metro样式ProgressBar(圆点横向移动),自适应宽度
- Android自定义表格,支持锁双向表头,自适应列宽,自适应行高,快速集成。
- 迅雷5 v5.6.3.307 完美去广告【支持BT】 下载
- 博客园不支持Markdown语法,新博客将发在简书...
- css,垂直、水平自适应样式实现
- 测试看看博客样式