欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

博客园 css页面定制代码

程序员文章站 2022-03-20 21:32:16
1、勾选“禁用模板默认CSS” 2、将下面代码粘贴到“页面定制CSS代码”部分 ......

1、勾选“禁用模板默认CSS”

2、将下面代码粘贴到“页面定制CSS代码”部分

  1 /*公用*/
  2 body {
  3     font-size:15px;
  4     padding:0;
  5     margin:0;
  6     font-family:"微软雅黑","宋体",Arial;
  7     background:#205424 url('http://pic1.win4000.com/wallpaper/1/59705b12dec18.jpg') no-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 }