博客園自定義CSS美化 屏蔽廣告等
阿新 • • 發佈：2017-11-03
poi orf aaa manage utl orm read col avl
通過自定義CSS，實現在博客園屏蔽廣告、美化排版等。
需要禁用模板CSS
1 body{ 2 background: url(http://images.cnblogs.com/cnblogs_com/storyicon/1107385/o_Z.jpg); 3 font-family: "Hiragino Sans GB","Microsoft YaHei",\5FAE\8F6F\96C5\9ED1,tahoma,arial,simsun,\5B8B\4F53; 4 font-size: 12px; 5 margin: 0px; 6 } 7 a { 8font-family: "Hiragino Sans GB","Microsoft YaHei",\5FAE\8F6F\96C5\9ED1,tahoma,arial,simsun,\5B8B\4F53; 9 font-size: 12px; 10 text-decoration: none; 11 color: inherit; 12 } 13 a[href]:hover,#navList a:hover,#Header1_HeaderTitle:hover{ 14 color: #e45f07; 15 } 16 ul{ 17 list-style: none; 18 } 19 #header{ 20 position: fixed; 21 _position: absolute; 22 z-index: 100; 23 left: 0; 24 top: 0px; 25 width: 100%; 26 background: #fff; 27 padding: 30px 0 20px 0; 28 opacity: .9; 29 box-shadow: 0 0 6px rgba(0,0,0,0.2); 30 -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); 31 -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2); 32 height: 41px; 33 z-index: 200; 34 } 35 #blogTitle{ 36 width: 1035px; 37 margin: -35px auto; 38 padding-left: 172px; 39 } 40 #Header1_HeaderTitle{ 41 color: #333; 42 text-decoration: none; 43 font-size: 26px; 44 } 45 #main{ 46 padding-top: 120px; 47 width: 1035px; 48 margin: 0 auto; 49 padding-left: 172px; 50 } 51 #mainContent{ 52 width: 815px; 53 float: left; 54 } 55 .forFlow{ 56 width: 780px; 57 } 58 #navigator { 59 position: fixed; 60 top: 25px; 61 z-index: 1000; 62 width: 400px; 63 right: 20%; 64 } 65 #navList{ 66 list-style: none; 67 float: right; 68 margin: 12px 20% 0 0; 69 } 70 #navList li { 71 float: left; 72 margin-right: 9px; 73 } 74 #navList a { 75 color: #999; 76 text-decoration: none; 77 } 78 #blog_nav_rss_image{ 79 display: none; 80 } 81 .blogStats{ 82 display: none; 83 } 84 .postTitle { 85 font-size: 23px; 86 width: 100%; 87 font-family: fantasy; 88 background: #fff; 89 padding: 28px 0px 0px; 90 box-shadow: 0 0 6px rgba(0,0,0,0.2); 91 -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); 92 -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.2); 93 } 94 .postTitle a { 95 font-size: 20px; 96 font-weight: normal; 97 color: #111; 98 padding-left: 28px; 99 } 100 .postCon { 101 background: #FFF; 102 padding: 20px 13px; 103 color: #444; 104 font-size: 12px; 105 box-shadow: 0 0 6px rgba(0,0,0,0.2); 106 -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); 107 -webkit-box-shadow: 0px 4px 6px rgba(0,0,0,0.2); 108 } 109 .c_b_p_desc { 110 padding: 0 14px; 111 overflow: hidden; 112 line-height: 1.7; 113 color: #444; 114 word-wrap: break-word; 115 } 116 .c_b_p_desc_readmore { 117 padding-left: 5px; 118 display: none; 119 } 120 #navList li:nth-child(1){ 121 display: none; 122 } 123 .postDesc { 124 padding: 11px 28px; 125 background: #f8f8f8; 126 border-top: 1px solid #e7e7e7; 127 height: 16px; 128 margin: 0px; 129 box-shadow: 0px 6px 6px rgba(0,0,0,0.2); 130 -moz-box-shadow: 0px 6px 6px rgba(0,0,0,0.2); 131 -webkit-box-shadow: 0px 6px 6px rgba(0,0,0,0.2); 132 color: #aaa; 133 cursor: default; 134 } 135 #navList a:after { 136 content: ‘]‘; 137 } 138 #navList a:before { 139 content: ‘[‘; 140 } 141 .postDesc a { 142 color: #999; 143 float: right; 144 cursor: pointer; 145 margin-left: 7px; 146 } 147 .postSeparator{ 148 margin-bottom: 22px; 149 } 150 .postTitle { 151 font-size: 23px; 152 width: 100%; 153 font-family: fantasy; 154 background: #fff; 155 padding: 28px 0px 0px; 156 box-shadow: 0 0 6px rgba(0,0,0,0.2); 157 -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); 158 -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.2); 159 } 160 .postCon { 161 background: #FFF; 162 padding: 20px 13px; 163 color: #444; 164 font-size: 12px; 165 box-shadow: 0 0 6px rgba(0,0,0,0.2); 166 -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); 167 -webkit-box-shadow: 0px 4px 6px rgba(0,0,0,0.2); 168 } 169 #sideBar{ 170 float: left; 171 background: #fff; 172 box-shadow: 0 0 6px rgba(0,0,0,0.2); 173 -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); 174 -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2); 175 width: 220px; 176 } 177 #sideBarMain{ 178 padding: 20px; 179 height: 360px; 180 } 181 .newsItem{ 182 display: none; 183 } 184 h3.catListTitle { 185 display: none; 186 } 187 #footer{ 188 padding: 35px 0px 35px 0; 189 color: #999; 190 background: #fff; 191 opacity: .9; 192 box-shadow: 0 0 6px rgba(0,0,0,0.2); 193 -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); 194 -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2); 195 margin-top: 303px; 196 text-align: center; 197 text-indent: 1020px; 198 } 199 .dayTitle,#sidebar_shortcut,#sidebar_categories{ 200 display: none; 201 } 202 .sidebar-block{ 203 position: fixed; 204 top: 23px; 205 z-index: 999; 206 width: 100%; 207 margin-left: -22px; 208 } 209 .mySearch{ 210 width: 1035px; 211 } 212 #q{ 213 width: 182px; 214 height: 25px; 215 padding: 4px; 216 border: 1px solid #e7e7e7; 217 box-shadow: 0 2px 2px #f0f0f0 inset; 218 -moz-box-shadow: 0 2px 2px #f0f0f0 inset; 219 -webkit-box-shadow: 0 2px 2px #f0f0f0 inset; 220 text-indent: 6px; 221 color: #999; 222 outline: none; 223 } 224 #btnZzk{ 225 display: none; 226 } 227 .div_my_zzk:after { 228 content: "搜索"; 229 position: relative; 230 left: -183px; 231 top: 2px; 232 width: 0px; 233 color: #999; 234 } 235 div#widget_my_zzk:hover::after { 236 display: none; 237 } 238 .postBody{ 239 background: #fff; 240 margin-top: -16px; 241 padding-top: 28px; 242 padding-left: 27px; 243 } 244 #comment_form{ 245 background: #fff; 246 margin-top: 21px; 247 padding: 17px 28px; 248 box-shadow: 0 0 6px rgba(0,0,0,0.2); 249 -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); 250 -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.2); 251 } 252 #comment_nav{ 253 color: #999; 254 } 255 #tbCommentBody{ 256 width: 715px; 257 } 258 #ad_t2{ 259 display: none; 260 } 261 #cnblogs_c1{ 262 display: none; 263 } 264 #cnblogs_c2{ 265 display: none; 266 } 267 #tbCommentBody{ 268 outline: none; 269 font-size: 16px; 270 padding: 5px 10px; 271 width: 703px; 272 cursor: text; 273 resize: none; 274 } 275 #tbCommentBody:focus { 276 border: 1px solid #FF9337; 277 } 278 #btn_comment_submit{ 279 border-radius: 3px; 280 color: #666; 281 padding: 4.5px 11px; 282 cursor: pointer; 283 text-align: center; 284 border: 1px solid #cccccc; 285 display: inline-block; 286 font-size: 14px; 287 white-space: nowrap; 288 vertical-align: middle; 289 -ms-touch-action: manipulation; 290 touch-action: manipulation; 291 line-height: 1.4; 292 font-family: inherit; 293 -webkit-transition: all ease-in-out 0.15s; 294 -o-transition: all ease-in-out 0.15s; 295 transition: all ease-in-out 0.15s; 296 height: 35px; 297 width: 90px; 298 color: #FFF; 299 background-color: #0f88eb; 300 border-color: #0c6cbb; 301 } 302 #btn_comment_submit:hover { 303 background-color: #0d77ce; 304 } 305 #under_post_news,#under_post_kb{ 306 display: none; 307 } 308 #commentbox_opt a{ 309 display: none; 310 } 311 #tip_comment2 + p 312 { 313 display: none; 314 } 315 .feedbackItem { 316 border-bottom: 1px solid #E6E6E6; 317 width: 712px; 318 margin: 11px auto 0; 319 } 320 .feedbackListSubtitle{ 321 background: #4E4E4E; 322 position: relative; 323 padding: 9px; 324 color: #FFFFFF; 325 } 326 #comments_pager_bottom{ 327 padding-top: 28px; 328 } 329 .feedbackManage{ 330 position: absolute; 331 right: 20px; 332 } 333 .feedbackCon{ 334 padding: 11px; 335 } 336 #blog-comments-placeholder{ 337 background: #fff; 338 margin-top: 21px; 339 box-shadow: 0 0 6px rgba(0,0,0,0.2); 340 -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); 341 -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.2); 342 } 343 #comments_pager_top{ 344 padding: 1px 28px 4px; 345 } 346 347 .feedback_area_title{ 348 font-size: 18px; 349 padding-left: 34px; 350 } 351 352 353 .comment_date{ 354 display: none; 355 } 356 #cnblogs_post_body{ 357 padding-bottom: 32px; 358 } 359 #post_next_prev { 360 padding-bottom: 18px; 361 } 362 #commentbox_opt{ 363 overflow: hidden; 364 } 365 #btn_comment_submit{ 366 float: right; 367 margin-right: 3px; 368 } 369 #RecentCommentsBlock,#sidebar_topcommentedposts{ 370 display: none; 371 } 372 #green_channel{ 373 margin: 49px 0 20px; 374 }
側邊欄目前是空白，正在設計中。
博客園自定義CSS美化 屏蔽廣告等