您可以通过免费订阅获取本站最新博文,推荐使用的阅读器:Google ReaderZhuaXia

引用 | 我来说两句

博客自定义HTML代码大全

您的博客是否拥有您的个性呢?是否想让自己的博客更漂亮、更专业呢?看着别人
博客中各种漂亮、个性的代码特效,您是否也很想知道怎么实现呢?为此本人特提供一些很有代表性的特效代码,希望您能喜欢喔! 如果你有什么需要,也可以留言提出,本人一定会在能力范围内满足的。

一、如何实现QQ在线留言图标

1) 先打开自己的QQ并登陆,然后在“个人设置”右下角,点击“生成在线代码”,然后会近日腾讯网站“QQ网页代码生成”,根据提示生成自己喜欢的代码。

2)将以上代码放到自定义HTML模块状态栏内即可。

比如我的QQ在线代码:

<a href=”http://wpa.qq.com/msgrd?V=1&amp;Uin=188801858&amp;
Site=http://chanterlee.bokee.com&amp;Menu=yes” target=”blank”> <img src=”http://wpa.qq.com/pa?p=1:188801858:6″ border=”0″ alt=””点击这里给我QQ留言^^”” /></a>

二、漂亮的个性鼠标特效代码

鼠标特效代码为:
① 单鼠标特效代码:

<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>

前者鼠标是主鼠标,浏览页面时起作用;当点击到链接处时后者鼠标起作用。

其中的红色部分就是鼠标特效的样式的网址。它是可以任意更换的。

三、个人免费邮箱自动登录系统代码

<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=”http://weather.265.com/weather.htm” mce_src=”http://weather.265.com/weather.htm” frameBorder=no width=150 scrolling=no height=54></IFRAME>

五、添加多彩文字的代码
比如紫色文字” Cherish every minute!“的代码如下:

<FONT color=#cc00ff>你的文字内容</FONT>

其中,红色字体为文字颜色代码

如果文字需要居中,代码为:

<FONT color=#cc00ff><P align=center>你的文字内容</FONT></P>

如果需要添加文字点击网页链接,代码为:

<FONT color=颜色代码><A href=”需要链接的网站地址” mce_href=”需要链接的网站地址” target=_blank>你的文字内容</FONT>

六、Twins样式的钟表代码

<EMBED src=http://www.59178.com/Twins/Twins07.swf width=182 height=182 ></EMBED>

注意:1. 数07换成01到08内任何数就得到不同钟表。

2. 更多的特效flash与时钟:http://kf025.bokee.com/2939377.html

七、工整的分隔线代码


<HR color=green noShade SIZE=1>

其中,红色字体为分隔线的颜色,紫色字体为分隔线粗细,可为1、2、3……。

八、文字中如何嵌入图片或广告的代码

在文字中如能嵌入图片或文字,那么整个版面将会更好看。嵌入代码为:

<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>

九、滚动文字的代码


<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>

举例:

<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>*来访即是朋友*</FONT></P>
<P align=left><FONT color=#3366FF size=2>….本人近期工作较忙,以致很少拜访各位,还请见谅喔!<BR>….不过日志倒是要更新的,否则被大家认为我”丢”了,就不妙了,呵呵!<BR>….待我一有空,就会拜访您,谢谢。</FONT></P></MARQUEE>

说 明:

① 将<P>与</P>之间的文字进行更换即可。增加文字请在相应位置增加配套的<P>与</P>;
② scrollAmount。它表示速度,值越大速度越快。 如果没有它,默认为6,建议设为1~3比较好;
③ scrollDelay 表示延迟时间;
④ width、height表示宽度和高度,需要根据自己的实际情况进行调整;
⑤ bgcolor 表示底色区域颜色;
⑥ color 表示字体颜色;
⑦ size 表示字体大小;
⑧ DIRECTION=DOWN | LEFT | RIGHT | UP //移动的方向

十、如何实现博客首页透明Flash背景特效

请参考日志:→ 如何实现漂亮的透明Flash 动画背景特效?

十一、添加漂亮的计数器图标

进入免费申请计数器网站:http://www.00counter.com/,按要求申请注册,就可得到个人计数器代码,然后将代码复制到公告编辑栏内即可。

比如下面计数器代码例子:

<TD align=middle><A href=”http://00counter.com/”><IMG alt=00Counter.com src=”http://00counter.com/counter.asp?id=56174″ border=0></A></TD>

能让你的公告栏变得很漂亮哦,试试吧!

十二、插入漂亮图片的代码

插入:
① 图片简易代码: <IMG src=”图片地址” mce_src=”图片地址” height=280 width=210>

② 图片超链接代码:<A href=”要链接的网址” mce_href=”要链接的网址”><IMG src=”图片地址” mce_src=”图片地址” height=280 width=210></A>

③ 插入左右滚动图片: <MARQUEE width=380 height=80 onmouseover=stop() onmouseout=start() scrollAmount=3 loop=infinite deplay=”0″><img src=”第一张图片地址” mce_src=”第一张图片地址”><img src=”第二张图片地址” mce_src=”第二张图片地址”></MARQUEE>

④ 图片页面移动:
<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=隶书 color=red size=5><B>Qzone联盟欢迎您加入</B></FONT><BR>< BR><BR>
<IMG src=图片URL地址>
</FONT></MARQUEE>
</div></TD></TR></TBODY></TABLE>

⑤ 插入背景图片: <BODY BACKGROUND=”背景图片Url地址”>

⑥ 图片朦胧圆形效果: <IMG src=”图片” mce_src=”图片” width=500 height=375 style=”filter:Alpha(opacity=100,style=2);”>

⑦ 图片朦胧方形效果: <IMG src=”图片” mce_src=”图片” style=”FILTER: Alpha(opacity=200,style=3)” width=500 height=375 ALGIN=”MIDDLE”>

⑧ 带框图片的代码: <center><img src=”图片地址” mce_src=”图片地址” style=”border-top-style:outset;border-bottom-style:outset;border-right-style:outset;border-left-style:outset”></center>

⑨ 图片不让别人盗代码: <A href=”void(0)” mce_href=”void(0)” onMouseover=”alert(’对不起,图片不能随便 下载!’)”><IMG src=”http//图片地址” mce_src=”http//图片地址” Align=”center” Border=”0″ width=”99″ height=”50″></A>

十三、免费 IP 地址来路显示代码

<IFRAME border=0 name=play marginWidth=0 marginHeight=0 src=”http://www.xise.cn/index.htm” frameBorder=0 width=0 scrolling=no height=0></IFRAME> <IFRAME src=”http://www.xise.cn/qita/ip3.htm” frameBorder=0 width=150 scrolling=no height=25 allowTransparency></IFRAME>

更多IP地址来路显示代码的格式,请登录→http://www.xise.cn/index.htm

十四、显示详细的时间代码

上午好! 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>

十五、加入背景音乐的代码

<EMBED src=”完整的音乐地址” mce_src=”完整的音乐地址” autostart=”true” loop=”5″ width=”0″ height=”0″>

Buy and Sell text links

相关日志

2 Comments

  1. 越爱 2008-09-11, 19:54[回复]

    呜~~哇哇..俺怎么看不明白吖..?T.T

    請楼主加俺QQ..耐心教教我..

    386903118..

    急吖…谢谢楼主勒..T.T

  2. Gift 2008-09-17, 04:28[回复]

    Думаю понравится любому!

Add a Comment