修改了一下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選擇器

<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

 .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.onmousemove=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>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章