您的博客是否擁有您的個(gè)性呢?是否想讓自己的博客更漂亮、更專(zhuān)業(yè)呢?
看著(zhù)別人博客中各種漂亮、個(gè)性的代碼特效,您是否也很想知道怎么實(shí)現呢?
為此本人特提供一些很有代表性的特效代碼,希望您能喜歡喔^-^! 如果你有什么需要,也可以留言提出,本人一定會(huì )在能力范圍內滿(mǎn)足的。
實(shí)現方法:請將下面這些代碼逐個(gè)添加到自定義HTML模塊中即可。記得刷新喔!
一、如何實(shí)現QQ在線(xiàn)留言圖標
1) 先打開(kāi)自己的QQ并登陸,然后在“個(gè)人設置”右下角,點(diǎn)擊“生成在線(xiàn)代碼”,然后會(huì )近日騰訊網(wǎng)站“QQ網(wǎng)頁(yè)代碼生成”,根據提示生成自己喜歡的代碼。
2)將以上代碼放到自定義HTML模塊狀態(tài)欄內即可。
比如我的QQ在線(xiàn)代碼:
<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=188801858&Site=http://chanterlee.bokee.com&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:188801858:6 alt="點(diǎn)擊這里給我QQ留言^^">
二、漂亮的個(gè)性鼠標特效代碼
鼠標特效代碼為:
① 單鼠標特效代碼:
<style type=TEXT/CSS> BODY {CURSOR:url('http://webme.bokee.com/inc/mouse025.cur');} A {CURSOR:hand} </style>
② 雙鼠標特效代碼:
<style>BODY{cursor:url('http://webme.bokee.com/inc/mouse025.ani');}A{CURSOR: url('http://webme.bokee.com/inc/mouse095.cur');}</style>
前者鼠標是主鼠標,瀏覽頁(yè)面時(shí)起作用;當點(diǎn)擊到鏈接處時(shí)后者鼠標起作用。具體效果請參考本日志效果。
其中的紅色部分就是鼠標特效的樣式的網(wǎng)址。它是可以任意更換的。例如:想設置“小鳥(niǎo)”或“樹(shù)葉”樣式的鼠標特效,則把紅色部分換成下面相應的網(wǎng)址即可。
(1.樹(shù)葉;2.小鳥(niǎo))
1.http://www.52blog.net/uploadfile/20041214112739616.cur
2.http://www.chinathink.net/background.ani
更多鼠標特效樣式及代碼請參考網(wǎng)址:給你的博客添加鼠標
這個(gè)網(wǎng)頁(yè)里有很多樣式的鼠標,大家可以隨意挑選,然后按照上面的操作方法就可以設置。
三、個(gè)人免費郵箱自動(dòng)登錄系統代碼
<BR>
<FORM name=loginmail onsubmit="return chkinput2(this);" action=http://www.hao123.com/sendmail.php method=post target=_blank>郵箱賬號: <INPUT class=lanyu tabIndex=1 size=17 name=user> <BR>輸入密碼: <INPUT class=lanyu tabIndex=3 type=password size=17 value="" name=pass> <BR>選擇郵箱: <SELECT class=lanyu tabIndex=2 size=1 name=site> <OPTION value="" selected>請選擇信箱</OPTION> <OPTION value=21cn.com>@21cn.com</OPTION> <OPTION value=163.net>@163.net</OPTION> <OPTION value=tom.com>@tom.com</OPTION> <OPTION value=163.com>@163.com</OPTION> <OPTION value=vip.163.com>@vip.163.com</OPTION> <OPTION value=sohu.com>@sohu.com</OPTION> <OPTION value=263.net>@263.net</OPTION> <OPTION value=sina.com>@sina.com</OPTION> <OPTION value=vip.sina.com>@vip.sina.com</OPTION> <OPTION value=mail.china.com>@mail.china.com</OPTION> <OPTION value=china.com>@china.com</OPTION> <OPTION value=netease.com>@netease.com</OPTION> <OPTION value=yeah.net>@yeah.net</OPTION> <OPTION value=etang.com>@etang.com</OPTION> <OPTION value=bliao.net>@bliao.net</OPTION> <OPTION value=cn.yahoo.com>@yahoo.com.cn</OPTION> <OPTION value=xinhuanet.com>@xinhuanet.com</OPTION> <OPTION value=126.com>@126.com</OPTION> <OPTION value=eyou.com>@eyou.com</OPTION> <OPTION value=email.com.cn>@email.com.cn</OPTION> <OPTION value=ynmail.com>@ynmail.com</OPTION> <OPTION value=citiz.net>@citiz.net</OPTION> <OPTION value=elong.com>@elong.com</OPTION></SELECT> <INPUT class=button style="FONT-SIZE: 12px" onclick="setTimeout('clearpass()',1000)" tabIndex=4 type=submit value=----立即登錄郵箱----- name=Submit2> </FORM><BR>
四、天氣預報代碼
<IFRAME style="WIDTH: 183px; HEIGHT: 54px" border=0 marginWidth=0 marginHeight=0 src="
五、添加多彩文字的代碼
比如紫色文字" Cherish every minute!”的代碼如下:
<FONT color=#cc00ff>你的文字內容</FONT>
其中,紅色字體為文字顏色代碼,更多顏色代碼請參考下面日志:
博客顏色代碼大全
如果文字需要居中,代碼為:
<FONT color=#cc00ff><P align=center>你的文字內容</FONT></P>
如果需要添加文字點(diǎn)擊網(wǎng)頁(yè)鏈接,代碼為:
<FONT color=顏色代碼><A href="需要鏈接的網(wǎng)站地址" target=_blank>你的文字內容</FONT>
六、Twins樣式的鐘表代碼
<EMBED src=http://www.59178.com/Twins/Twins07.swf width=182 height=182 ></EMBED>
注意:1. 數07換成01到08內任何數就得到不同鐘表。
2. 更多的特效flash與時(shí)鐘:http://kf025.bokee.com/2939377.html
七、工整的分隔線(xiàn)代碼
--------------------------------------------------------------------------------
<HR color=green noShade SIZE=1>
效果請參考我的自定義HTML模塊中的分隔線(xiàn)喔!其中,紅色字體為分隔線(xiàn)的顏色,紫色字體為分隔線(xiàn)粗細,可為1、2、3……。
八、文字中如何嵌入圖片或廣告的代碼
在文字中如能嵌入圖片或文字,那么整個(gè)版面將會(huì )更好看。嵌入圖片效果,見(jiàn)本日志中右邊的Twins樣式的鐘表。嵌入代碼為:
<TABLE style="WIDTH: 244px; HEIGHT: 107px" width=244 align=right border=0>
<TBODY>
<TR>
<TD style="FONT-SIZE: 12pt" height=60>
<DIV style="FONT-SIZE: 12pt" align=center><STRONG></STRONG></DIV>
</TD>
</TR>
</TBODY>
</TABLE>
九、滾動(dòng)文字的代碼
<MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=1 scrollDelay=60 direction=up width=180 height=100><FONT color=red><CENTER>本站公告</CENTER></FONT><BR>
此處為你自己的公告內容。
此處為你自己的公告內容。
</MARQUEE>
比如我的門(mén)戶(hù)首頁(yè)滾動(dòng)公告代碼為:
<MARQUEE style="WIDTH: 182px; LINE-HEIGHT: 23px; HEIGHT: 130px" scrollAmount=1 scrollDelay=1 direction=up bgColor=#f0f8ff height=130>
<P align=center><FONT color=#cc00ff size=2>*來(lái)訪(fǎng)即是朋友*</FONT></P>
<P align=left><FONT color=#3366FF size=2>....本人近期工作較忙,以致很少拜訪(fǎng)各位 ,還請見(jiàn)諒喔!<BR>....不過(guò)日志倒是要更新的,否則被大家認為我“丟”了,就不妙了, 呵呵!<BR>....待我一有空,就會(huì )拜訪(fǎng)您,謝謝。</FONT></P></MARQUEE>
說(shuō) 明:
① 將<P>與</P>之間的文字進(jìn)行更換即可。增加文字請在相應位置增加配套的<P>與</P>;
② scrollAmount。它表示速度,值越大速度越快。 如果沒(méi)有它,默認為6,建議設為1~3比較好;
③ scrollDelay 表示延遲時(shí)間;
④ width、height表示寬度和高度,需要根據自己的實(shí)際情況進(jìn)行調整;
⑤ bgcolor 表示底色區域顏色;
⑥ color 表示字體顏色;
⑦ size 表示字體大??;
⑧ DIRECTION=DOWN | LEFT | RIGHT | UP //移動(dòng)的方向
更多修飾請自行研究。
十、如何實(shí)現博客首頁(yè)透明Flash背景特效?
請參考我的技巧日志:→ 如何實(shí)現漂亮的透明Flash 動(dòng)畫(huà)背景特效?
十一、添加漂亮的計數器圖標
進(jìn)入免費申請計數器網(wǎng)站:http://www.00counter.com/,按要求申請注冊,就可得到個(gè)人計數器代碼,然后將代碼復制到公告編輯欄內即可。
比如下面計數器代碼例子:
<TD align=middle><A href=" alt=00Counter.com src="
圖例:
能讓你的公告欄變得很漂亮哦,試試吧!
十二、插入漂亮圖片的 代碼
插入:
① 圖片簡(jiǎn)易代碼: <IMG src="圖片地址" height=280 width=210>
② 圖片超鏈接代碼:<A href="要鏈接的網(wǎng)址"><IMG src="圖片地址" height=280 width=210></A>
③ 插入左右滾動(dòng)圖片: <MARQUEE width=380 height=80 onmouseover=stop() onmouseout=start() scrollAmount=3 loop=infinite deplay="0"><img src="第一張圖片地址"><img src="第二張圖片地址"></MARQUEE>
④ 圖片頁(yè)面移動(dòng):
<DIV id=Layer2 style="Z-INDEX: 2; LEFT: 10px; WIDTH: 211px; POSITION: absolute; TOP: 100px; HEIGHT: 120px">
<TABLE cellSpacing=10 cellPadding=0 width="60%" border=0>
<TBODY>
<TR class=unnamed1>
<TD vAlign=top width="90%" height=274>
<DIV align=center>
<MARQUEE style="FLOAT: none; MARGIN-LEFT: auto; MARGIN-RIGHT: auto" scrollAmount=10 scrollDelay=99 direction=up width=400 height=1000 border="0"><FONT color=#0000ff><FONT face=隸書(shū) color=red size=5><B>Qzone聯(lián)盟歡迎您加入</B></FONT><BR><BR><BR>
<IMG src=圖片URL地址>
</FONT></MARQUEE>
</div></TD></TR></TBODY></TABLE>
⑤ 插入背景圖片: <BODY BACKGROUND="背景圖片Url地址">
⑥ 圖片朦朧圓形效果: <IMG src="圖片" width=500 height=375 style="filter:Alpha(opacity=100,style=2);">
⑦ 圖片朦朧方形效果: <IMG src="圖片" style="FILTER: Alpha(opacity=200,style=3)" width=500 height=375 ALGIN="MIDDLE">
⑧ 帶框圖片的代碼: <center><img src="圖片地址" style="border-top-style:outset;border-bottom-style:outset;border-right-style:outset;border-left-style:outset"></center>
⑨ 圖片不讓別人盜代碼: <A HREF="void(0)" onMouseover="alert('對不起,圖片不能隨便 下載!')"><IMG SRC="http//圖片地址" Align="center" Border="0" width="99" height="50"></A>
十三、免費 IP 地址來(lái)路顯示代碼 [警告:此代碼經(jīng)常帶來(lái)彈窗,請大家注意。]
<IFRAME border=0 name=play marginWidth=0 marginHeight=0 src="
更多IP地址來(lái)路顯示代碼的格式,請登錄→http://www.xise.cn/index.htm
十四、顯示詳細的時(shí)間代碼
上午好! 2007年6月7日 星期四
<SCRIPT src="
http://www1.xise.cn/1/hu.js"></SCRIPT>
<SCRIPT language=JavaScript>
<!--
var noon;
var time=new Date();
var hour=time.getHours();
var minute=time.getMinutes();
var today=new Date;
var week=new Array(7);
week[0]="天";
week[1]="一";
week[2]="二";
week[3]="三";
week[4]="四";
week[5]="五";
week[6]="六";
if (hour<5) noon="凌晨";
if (hour>4 & hour<8) noon="早上";
if (hour>7 & hour<12) noon="上午";
if (hour==12) noon="中午";
if (hour>12 & hour<19) noon="下午";
if (hour>18 & hour<23) noon="晚上";
if (hour>22) noon="深夜";
if (hour>12) hour=hour-12;
if (hour<10) hour="0"+hour;
if (minute<10) minute="0"+minute;
document.write("<span class='p9'>");
document.write(noon+"好! "+today.getYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日 星期"+week[today.getDay()]);
document.write("</span>");
//-->
</SCRIPT>
十五、加入背景音樂(lè )的代碼
<EMBED src="完整的音樂(lè )地址" autostart="true" loop="5" width="0" height="0">
FONT>
[溫馨提示]為了表示您對我的支持,如果轉載請注明出處喔!呵呵,謝謝。
因時(shí)間關(guān)系,暫時(shí)先提供以上部分代碼特效,更多的精美代碼特效將不斷增加中……
如果您也有更好的代碼,請留言,與大家分享喔!謝謝。如果你有什么需要,也可以留言提出,本人一定會(huì )在能力范圍內滿(mǎn)足的。^-^
聯(lián)系客服