对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"
    οnerrοr="this.οnerrοr=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/"> 

    更多可去http://qqol.3322.org/

作者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"
    οnerrοr="this.οnerrοr=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/"> 

    更多可去http://qqol.3322.org/

作者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"
    οnerrοr="this.οnerrοr=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/"> 

    更多可去http://qqol.3322.org/

作者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"
    οnerrοr="this.οnerrοr=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/"> 

    更多可去http://qqol.3322.org/

作者Blog:http://blog.csdn.net/csdnb3a/

转载于:https://www.cnblogs.com/GSpring/archive/2004/11/19/65571.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值