定制博客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 }