今晚修改的博客皮肤 
 
2007-4-5 0:07:56 | .net教程聚合 
-
今天晚上做了一个自已喜欢的风格，不知道博客园的皮肤除了在设置里面，还有哪里可以修改，我是一边改，一边保存然后再刷新看效果，累呀！
发现博客园的HTML写法跟我的写法差别很大，呵呵，我写的HTML标签多一些
最麻烦的就是跟原来选择的皮肤有冲突，郁闷得很，弄到现在终于弄好了，不知道能不能有幸放到首页去，呵呵，希望大家喜欢

CSS代码：
注意！这个是在博客园皮肤marvin3-brown的基础上覆盖的样式，所以如果不选哪个的话，可能会有出入

 

body { font-size : 12px; font-family : Verdana, 宋体, Arial, Helvetica, sans-serif; margin : 0px; word-wrap: break-word; background:#FFF; }

p { font-size : 12px; line-height:150%; }

a:visited, a:active, a:link { color :#0000CC; text-decoration : none; font-size : 12px; }

a:hover { text-decoration : underline; font-size : 12px; }

h1 { margin : 0px; font-size : 1.5em; }

h1 a:visited, h1 a:active, h1 a:link { color : #333; font-size:14px; }

h1 a:hover { color : #47F; text-decoration : none; }

h2 { margin-top : 10px; font-size : 1em; }

h5 { margin: 0px; padding: 0px; }

#top { padding:0px; color : #DDDDDD; height:120px; background:#222222; text-align:center; border-bottom:4px solid #99CC66; }

#top h1 { margin:20px auto; width:300px; }

#top h1 a{ font-size:24px; color:#88CC00; font-family:Verdana; font-weight:bold; }

#top #tagline { display:block; background:#333; padding:5px; text-align:center; border-top:1px solid #444; border-bottom:1px solid #444; width:100%; margin:0; }

p.date img { vertical-align : middle; }

p.date { font-size : 0.9em; font-weight : bold; border-bottom : 1px solid #AAA; margin-bottom : 0px; padding : 2px 0px; }

blockquote { font-style : italic; }

p.postfoot { font-size : 0.75em; }

#leftmenu { position : absolute; left : 0px; width : 180px; top:110px; bottom:50px; height:100%; background:#F5F5F5; }

#leftmenu h3, #rightmenu h3 { margin : 0px; padding : 4px; display:block; color:#222222; font-size:14px; border-bottom:1px solid #DDD; }

#leftmenu ul, #rightmenu ul { list-style : none; margin : 0px; padding : 0px; margin-left : 8px; margin-right : 8px; margin-top : 5px; margin-bottom : 15px; font-size : 12px; }

#leftmenu ul li, #rightmenu ul li{ padding:3px 0px; font-size:12px; }

#rightmenu { width : 180px; position : absolute; right : 0px; top:110px; height:100%; bottom:50px; background:#F5F5F5; }

#main { margin : 0px 180px 0px 180px; padding : 10px; background:#FFFFFF; border:none; font-size : 12px; }

.post { font-size : 12px; line-height:150%; margin-top:10px; }

.post h2 a:link,.post h2 a:visited{ font-size:16px;font-weight:bold; display:block; background:#F9F9F9; border:1px solid #EEE; color:#88CC00; padding:4px; }

.post h2 a:hover{ font-size:16px;font-weight:bold; background:#F0F0F0; color:#88CC00; border:1px solid #E0E0E0; padding:4px; text-decoration:none; }

#footer { margin : 0px; padding-top : 5px; text-align : center; font-size : 12px; height:50px; border-top:1px solid #99CC66; clear:both; width:100%; display:block; }

input.text { width : 300px; }

textarea { width : 300px; height : 200px; }

#comments h4 span { color : #999; }

#comments h4 { margin : 0px; font-size : 0.9em; }

p { margin : 10px 0px; }

h3 { font-size : 1.2em; border-bottom : 1px solid #AAA; }

#relatedlinks ul { list-style : none; margin-left : 10px; padding : 0px; }

.Cal { width:100%; font-family:Verdana; font-size: 12px; margin-top:10px; margin-bottom:10px; padding:4px; height:180px; background:#FFF; border:1px solid #FFF; }

.CalTitle { background-color : #E5F2D8; border:none; font-family:Verdana; font-size: 13px; color : #000; margin-left : 0px; padding : 0px; height:100%; font-weight:bold; }

.CalOtherMonthDay { color:#808080; }

.CalSelector { }

.CalNextPrev { }

.CalDayHeader { background-color :#F5FAEF; }

.CalSelectedDay { }

.CalWeekendDay { }

.CalTodayDay { background-color:#FFF; }