对BLOG皮肤的具体修改
对BLOG皮肤的具体修改
我所选择的皮肤模式是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);产生了过渡效果的背景色。其实没什么技术含量！
作者Blog：http://blog.csdn.net/peterdoo/
作者Blog：http://blog.csdn.net/peterdoo/BLOG中显示你的MSN和QQ的状态
将以下代码粘贴到BLOG管理配置中'静态新闻'文本框中就可以了，保存页面，重新看看你的首页
MSN状态：
<A HREF="http://snind.gotdns.com:8080/message/msn/MSN帐号（xxx@hotmail.com）>
<IMG SRC="http://snind.gotdns.com:8080/msn/MSN帐号（xxx@hotmail.com）"
align="absmiddle" border="0" ALT="MSN Online Status Indicator"
onerror="this.onerror=null;this.src='http://snind.gotdns.com:8080/image/msnunknown.gif';"></A>
更多可去http://snind.gotdns.com:8080
QQ状态：
<img src="http://icon.tencent.com/你的QQ帐号/l/612/">
作者Blog：http://blog.csdn.net/csdnb3a/
作者Blog：http://blog.csdn.net/csdnb3a/MSN状态：
<A HREF="http://snind.gotdns.com:8080/message/msn/MSN帐号（xxx@hotmail.com）>
<IMG SRC="http://snind.gotdns.com:8080/msn/MSN帐号（xxx@hotmail.com）"
align="absmiddle" border="0" ALT="MSN Online Status Indicator"
onerror="this.onerror=null;this.src='http://snind.gotdns.com:8080/image/msnunknown.gif';"></A>
更多可去http://snind.gotdns.com:8080
QQ状态：
<img src="http://icon.tencent.com/你的QQ帐号/l/612/">
作者Blog：http://blog.csdn.net/csdnb3a/
我所选择的皮肤模式是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);产生了过渡效果的背景色。其实没什么技术含量！
作者Blog：http://blog.csdn.net/peterdoo/
BLOG中显示你的MSN和QQ的状态
将以下代码粘贴到BLOG管理配置中'静态新闻'文本框中就可以了，保存页面，重新看看你的首页
MSN状态：
<A HREF="http://snind.gotdns.com:8080/message/msn/MSN帐号（xxx@hotmail.com）>
<IMG SRC="http://snind.gotdns.com:8080/msn/MSN帐号（xxx@hotmail.com）"
align="absmiddle" border="0" ALT="MSN Online Status Indicator"
onerror="this.onerror=null;this.src='http://snind.gotdns.com:8080/image/msnunknown.gif';"></A>
更多可去http://snind.gotdns.com:8080
QQ状态：
<img src="http://icon.tencent.com/你的QQ帐号/l/612/">
作者Blog：http://blog.csdn.net/csdnb3a/
作者Blog：http://blog.csdn.net/csdnb3a/MSN状态：
<A HREF="http://snind.gotdns.com:8080/message/msn/MSN帐号（xxx@hotmail.com）>
<IMG SRC="http://snind.gotdns.com:8080/msn/MSN帐号（xxx@hotmail.com）"
align="absmiddle" border="0" ALT="MSN Online Status Indicator"
onerror="this.onerror=null;this.src='http://snind.gotdns.com:8080/image/msnunknown.gif';"></A>
更多可去http://snind.gotdns.com:8080
QQ状态：
<img src="http://icon.tencent.com/你的QQ帐号/l/612/">
