定制博客CSS样式
首先你需要添加页面CSS代码
然后记得勾选“禁用模板默认CSS”
1 /*公用*/ 2 body { 3 font-size:16px; 4 padding:0; 5 margin:0; 6 font-family:"微软雅黑","宋体",Arial; 7 background:#205424 url('http://www.w3school.com.cn/i/eg_bg_03.gif') repeat top center fixed; 8 min-width:1200px; 9 } 10 #home { 11 opacity: 0.95; 12 filter: alpha(opacity=95); 13 box-shadow:0 0 10px #000; 14 margin:40px auto; 15 width:1200px; 16 background:#fff; 17 overflow:auto; 18 border:solid 1px #fff; 19 } 20 /*段落*/ 21 .postBody p,.postCon p { 22 margin:7px 0; 23 line-height:24px; 24 } 25 h1 { 26 margin:0; 27 } 28 h3 { 29 font-size:15px; 30 font-weight:bold; 31 } 32 /*超链接*/ 33 a { 34 color:#464646; 35 text-decoration:none; 36 } 37 a:hover { 38 text-decoration:underline; 39 } 40 a:visited,a:hover { 41 color:#464646; 42 } 43 ul { 44 list-style:none; 45 margin:0; 46 padding:0; 47 } 48 image { 49 border:none; 50 } 51 #header { 52 padding:20px; 53 } 54 /*博客标题*/ 55 #blogTitle,#blogTitle a { 56 font-weight:bold; 57 color:#666; 58 } 59 #blogTitle .title { 60 margin-top:10px; 61 height:100px; 62 line-height:100px; 63 font-size:36px; 64 padding-left:120px; 65 background:#fff url('http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_light2.png') no-repeat; 66 } 67 .headermaintitle { 68 }#blogTitle,#blogTitle a:hover { 69 text-decoration:none; 70 } 71 /*子标题*/ 72 .subtitle { 73 padding-left:30px; 74 font-size:14px; 75 color:#999; 76 font-weight:normal; 77 margin:10px 0; 78 } 79 /*导航栏*/ 80 #navigator { 81 font-size:16px; 82 height:48px; 83 background:#55895B; 84 text-align:center; 85 margin-top:20px; 86 margin-bottom:20px; 87 } 88 #navList li { 89 margin:0; 90 line-height:48px; 91 display:inline-block; 92 float:left; 93 } 94 #navList li:hover { 95 background:#6DA47D; 96 } 97 #navList li a { 98 padding:0 30px; 99 text-decoration:none; 100 line-height:48px; 101 border:0; 102 color:#fff; 103 display:-moz-inline-box; 104 display:inline-block; 105 } 106 .blogStats { 107 height:48px; 108 color:#fff; 109 line-height:48px; 110 } 111 #main { 112 padding:20px; 113 } 114 /*左边*/ 115 #sideBarMain { 116 padding:0 10px 0 0; 117 background:#fff; 118 margin:0 0 20px 0; 119 width:190px; 120 font-size:12px; 121 line-height:22px; 122 } 123 #sideBarMain a { 124 color:#666; 125 } 126 #leftcontentcontainer { 127 color:#666; 128 } 129 .newsItem { 130 color:#666; 131 } 132 /*公告*/ 133 #profile_block { 134 margin-top:0px; 135 line-height:24px; 136 text-align:left; 137 } 138 /*主面板*/ 139 #mainContent { 140 margin-top:0px; 141 padding-top:0px; 142 padding-right:0px; 143 background:#fff; 144 padding-bottom:0px; 145 float:right; 146 width:960px; 147 padding-left:0px; 148 } 149 /*每日文章列表*/ 150 .day { 151 background:#fff; 152 padding:0; 153 margin:0 0 20px 0; 154 } 155 /*博客标题*/ 156 .postTitle a { 157 color:#464646; 158 } 159 .postTitle { 160 padding-bottom:10px; 161 font-size:20px; 162 font-weight:bold; 163 color:#464646; 164 background:url('http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_br229512.link(en-us,MSDN.10).gif') no-repeat 0 3px; 165 padding-left:30px; 166 } 167 .dayTitle { 168 display:none; 169 } 170 /*摘要*/ 171 .c_b_p_desc { 172 padding:10px; 173 line-height:24px; 174 color:#888; 175 } 176 .c_b_p_desc a { 177 color:#888; 178 } 179 .c_b_p_desc a:hover { 180 text-decoration:none; 181 border-bottom-width:1px; 182 border-bottom-style:dotted; 183 } 184 /*右侧图片*/ 185 .desc_img { 186 margin-left:10px; 187 border:solid 1px #fff; 188 box-shadow:0 0 10px #aaa; 189 } 190 /*博文页*/ 191 #topics .post { 192 background:#fff; 193 } 194 .postCon { 195 padding:10px 20px 0 20px; 196 } 197 .postDesc { 198 margin:0 30px; 199 margin-bottom:2px; 200 padding:8px 0px; 201 font-size:12px; 202 color:#aaa; 203 background:#fff; 204 text-align:right; 205 } 206 .postDesc a { 207 color:#AAA; 208 } 209 .postBody { 210 padding:0; 211 } 212 /*google搜索框*/ 213 #google_q,#q { 214 height:22px; 215 width:120px; 216 border:solid 1px #ccc; 217 box-shadow:inset 0 0 3px #ddd; 218 border-radius:4px; 219 } 220 /*搜索按钮*/ 221 .btn_my_zzk { 222 font-family:'Microsoft Yahei'; 223 border:none; 224 height:26px; 225 width:60px; 226 padding:1px; 227 font-size:14px; 228 cursor:pointer; 229 position:relative; 230 vertical-align:middle; 231 display:inline-block; 232 background:#55895B; 233 border-radius:4px; 234 color:#fff; 235 } 236 .btn_my_zzk:hover { 237 background:#6DA47D; 238 } 239 /*评论按钮*/ 240 241 #btn_comment_submit { 242 border:none; 243 height:48px; 244 width:120px; 245 } 246 /*评论按钮*/ 247 .comment_btn { 248 font-family:'Microsoft Yahei'; 249 border:none; 250 height:48px; 251 width:120px; 252 font-size:18px; 253 cursor:pointer; 254 position:relative; 255 vertical-align:middle; 256 display:inline-block; 257 background:#55895B; 258 color:#fff; 259 } 260 #btn_comment_submit:hover { 261 background:#6DA47D; 262 } 263 /*评论标题*/ 264 .feedback_area_title { 265 padding:10px; 266 font-size:24px; 267 font-weight:bold; 268 color:#55895B; 269 border-bottom:solid 6px #55895B; 270 } 271 .feedbackListSubtitle { 272 font-size:12px; 273 color:#888; 274 } 275 .feedbackListSubtitle a { 276 color:#888; 277 } 278 .comment_quote { 279 background:#FCFAAC; 280 padding:15px; 281 border:1px solid #CCC; 282 } 283 #commentform_title { 284 color:#55895B; 285 background-image:none; 286 background-repeat:no-repeat; 287 margin-bottom:10px; 288 padding:10px 20px 10px 10px; 289 font-size:24px; 290 font-weight:bold; 291 border-bottom:solid 6px #55895B; 292 } 293 /*评论框*/ 294 #comment_form { 295 margin:10px 0; 296 padding:0; 297 } 298 .commentform { 299 margin:10px 0; 300 padding:10px 20px; 301 background:#fff; 302 } 303 /*评论输入域*/ 304 #tbCommentBody { 305 font-family:'MIcrosoft Yahei'; 306 margin-top:10px; 307 width:940px; 308 max-width:940px; 309 min-width:940px; 310 background:white; 311 color:#333; 312 border:2px solid #fff; 313 box-shadow:inset 0 0 8px #aaa; 314 padding:10px; 315 height:120px; 316 font-size:14px; 317 min-height:120px; 318 } 319 /*评论条目*/ 320 .feedbackItem { 321 font-size:14px; 322 line-height:24px; 323 margin:10px 0; 324 padding:20px; 325 background:#F2F2F2; 326 box-shadow:0 0 5px #aaa; 327 } 328 .feedbackListSubtitle { 329 font-weight:normal; 330 } 331 /*分类页*/ 332 .entrylist { 333 padding:10px 20px; 334 background:#fff; 335 } 336 .entrylistItem { 337 margin:10px 0; 338 padding:10px; 339 } 340 .entrylistPosttitle { 341 font-size:18px; 342 font-weight:bold; 343 background:url('http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_br229512.link(en-us,MSDN.10).gif') no-repeat 0 3px; 344 padding-left:30px; 345 } 346 .entrylistPostSummary { 347 padding:10px; 348 } 349 .entrylistItemPostDesc { 350 font-size:12px; 351 color:#999; 352 padding-left:40px; 353 } 354 /*尾部*/ 355 #footer { 356 font-size:12px; 357 margin:20px; 358 padding:12px; 359 text-align:center; 360 background:#55895B; 361 color:#DDD; 362 font-size:14px; 363 } 364 /*文章内图片*/ 365 #cnblogs_post_body p img { 366 margin:10px; 367 } 368 /*顶一下*/ 369 .diggnum { 370 font-size:28px; 371 color:#6DA47D; 372 font-family:'Microsoft Yahei'; 373 } 374 #div_digg .diggnum { 375 line-height:100px; 376 } 377 .diggit { 378 float:left; 379 width:128px; 380 height:128px; 381 background:url('http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_dig.gif') no-repeat; 382 background-position:0 0; 383 text-align:center; 384 cursor:pointer; 385 } 386 .diggit:hover { 387 background-position:-128px 0; 388 } 389 /*踩一下(园友反映,这个有点“邪恶”,呵呵,其实是我没来得及设计这个背景图片,就暂时把它隐藏了……可以去掉这句话)*/ 390 .buryit { 391 display:none; 392 } 393 .diggword { 394 display:none; 395 } 396 /*green_channel*/ 397 #green_channel { 398 text:align:right; 399 background:#6DA47D; 400 padding-left:20px; 401 font-weight:normal; 402 font-size:15px; 403 width:920px; 404 border:none; 405 color:#fff; 406 padding:20px; 407 border-radius:4px; 408 } 409 /*最新评论*/ 410 #myposts .PostList { 411 font-size:14px; 412 line-height:24px; 413 margin:10px 0; 414 padding:20px; 415 background:#F2F2F2; 416 box-shadow:0 0 5px #aaa; 417 } 418 #myposts .postTitl2 a { 419 color:#6DA47D; 420 }