修改了一下blog的样式

参考〔是COPY〕:
http://blog.joycode.com/mmkk/archive/2003/10/22/3249.aspx
http://blog.csdn.net/maow/archive/2004/10/30/159893.aspx
http://www.dabaoku.com/texiao/4shubiao/15.htm

主要内容如下:
1 增加计数器(计数器部分的代码我没有提供,需要你自己先去申请免费的计数器,  然后那里会告诉你如何在你的页面中嵌入计数器!,我的免费计数器来自 
http://nmc2.jy.js.cn / ,在这里申请后将相应的代码放入  “静态新闻/声明”部分即可)
2 鼠标旁的动态文字.
3 修改页面的显示风格.
没有加入时钟,尽管有点好看,但感觉太花而不实.

皮肤
AnotherEon001

定制CSS选择器

 .headermaintitle{font-family:Verdana;font-size:1cm;color:#ffffff;align:center}
.BlogStats {font-size:10pt;font-family:verdana;color:#FCFF00}

p.date span
{
 background-color : #B4FFBC;
}
.post
{
 border: 1px solid #99F7A4;
 border-bottom-width: 1px;
 border-right-width: 1px;
 padding: 4px;
 margin-bottom: 28px;
 background-color: #CAF9CF;
}
.post h2
{
 font-size: 14px;
 margin: 0px;
 margin-bottom: 4px;
 font-family:Verdana;
}
.post a
{
 color: #ff5500;
}
.post .postfoot
{
 margin: 0px;
 margin-top: 14px;
 color: #aa6666;
 border-top: 1px solid #BBF8C2;
 font-size: 0.8em;
 background-color: #99F9A5;
}
#top
{
 background-color : #B4F7BC;
 height: 75px;
 vertical-align: middle;
 background-image:url(
http://blog.csdn.net/images/blog_csdn_net/yingcongxiao/90451/o_bg.jpg );

}
#sub
{
 text-align: right;
 background-color:#085600;
 color: #99F9A5;
 font-size: 0.8em;
 padding: 4px;
}

body {
 background-color: #FFFFFF;
 background-image: url(
http://blog.csdn.net/images/blog_csdn_net/yingcongxiao/90451/o_background.gif );
}

#LeftCell
{
 width: 200px;
 vertical-align: top;
 background-color:#32B428;
 color:#FC0505;
 background-image:url(
http://blog.csdn.net/images/blog_csdn_net/yingcongxiao/90451/o_l.jpg );
}

.MainCell
{
 border-left: 1px solid #A8F5A3;
 border-bottom: 1px solid #A8F5A3;
 padding: 10px;
 background-color:#D7FADB;
 vertical-align: top;
}

.FooterCell
{
 border-left: 1px solid #A8F5A3;
 border-bottom: 1px solid #A8F5A3;
 padding: 4px;
 background-color:#ffffff;
 vertical-align: top;
 font-size:10pt;font-family:verdana;
}

静态新闻/声明

 &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
<img src=http://nmc2.jy.js.cn/cgi-bin/counter.pl?id=csdn_yingcingxiao_jsq&md=a5&ln=5&from=1&bd=$123;$123;$123 >


<SCRIPT language=javascript>
<!--//This is a JS program for Suhoo homepage.All rights reserved.
var cx=0;
var cy=0;
var val=0;
function locate()
{ cx=window.event.x;
cy=window.event.y;
}
document.οnmοusemοve=locate;
function follow(i)
{ var x;
if(i<4)x=cx-50+i*10;
else x=cx-25+i*10;
var y=cy-20+Math.floor(Math.random()*40);
w=eval("word"+i);
with(w.style)
{
left=x.toString()+"px";
top=y.toString()+"px";
}
}
function show(i)
{
var w=eval("word"+i);
with(w.style)
{
visibility="visible";
s=parseInt(fontSize);
if(s>=200)s-=100;
else if(s>90&&s<=100)
{
s-=85;
clearInterval(val);
if(i<5)val=setInterval("show("+(i+1)+")",20);
}
fontSize=s;
}

}
function start()
{ for(i=1;i<=5;i++)
{
val=setInterval("show(1)",20);
setInterval("follow("+i+")",100);

}
}

//-->
</SCRIPT>
<SCRIPT language=javascript>
var word=new Array(5);
word[1]="欢";word[2]="迎";word[3]="你";word[4]="评";word[5]="论";
for(i=1;i<=5;i++)
document.write("<div id='word"+i+"' style='width:20px;height:20px;position:absolute;font-size:1000;visibility:hidden'><font face='Forte' color='#00FF00'>"+word[i]+"</font></div>");start();

</SCRIPT>


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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值