我所选择的皮肤模式是AnotherEon001。以下是具体的自定义的CSS:
.headermaintitle{font-family:隶书;font-size:1cm;color:#000000;align:center}
.BlogStats{color:black;}
p.date span
{
background-color : #e7e7e7;
}
.post
{
border: 1px solid #CCCCCC;
border-bottom-width: 2px;
border-right-width: 2px;
padding: 4px;
margin-bottom: 28px;
background-color: #dadada;
}
.post h2
{
font-size: 14px;
margin: 0px;
margin-bottom: 4px;
font-family:楷体_gb2312;
}
.post a
{
color: #ff5500;
}
.post .postfoot
{
margin: 0px;
margin-top: 14px;
color: #aa6666;
border-top: 1px solid #DDDDDD;
font-size: 0.8em;
background-color: #c8c8c8;
}
#top
{
background-color : #ffffff;
height: 75px;
vertical-align: middle;
background-image:url(http://blog.csdn.net/images/blog_csdn_net/peterdoo/18050/o_yu.jpg);
background-repeat:no-repeat;
filter:alpha(opacity=80);
}
#sub
{
text-align: right;
background-color:#BBd4D9;
color: #CCCCCC;
font-size: 0.8em;
padding: 4px;
}
#LeftCell
{
width: 200px;
vertical-align: top;
background-color:#BBC3D9;
filter:alpha(opacity=100,finishopacity=0,style=1);
}
.MainCell
{
border-left: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
padding: 10px;
background-color:#e7e7e7;
vertical-align: top;
}
背景图片是上传到相册中的图片。
对左边的菜单区没有使用背景图片,只是使用filter:alpha(opacity=100,finishopacity=0,style=1);产生了过渡效果的背景色。其实没什么技术含量!