欢迎栏代码 (引用)
一、欢迎栏代码(1):
<TABLE style="LEFT: -200px; WIDTH: 550px; TOP: 400px" cellSpacing=0 cellPadding=50 align=center background=http://img.blog.163.com/photo/_G6v7US2YSpn-QK9Yd3Shw==/2873578037239244657.jpg border=10>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#228b22 cellSpacing=0 borderColorDark=#00ced1 cellPadding=0 width=550 align=center border=1>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=400>
<MARQUEE style="WIDTH: 550px; HEIGHT: 180px" scrollAmount=3 behavior=alternate width=438>
<P align=center><IMG src="http://img.blog.163.com/photo/Urn-oQdr5hg1SmIXgbnjww==/4572279521688002581.jpg">
<FONT face=隶书 color=#00ff00 size=6><STRONG>欢迎光临</STRONG></FONT>
<FONT face=华文行楷 color=#800080 size=30><STRONG> </STRONG><BR>
<P align=center><FONT face=华文行楷_GB2312 color=#0000ff size=6>海珠儿的博客乐园
<BR>请上我的浏览导航</FONT></A></P></STRONG>
</FONT><P></P></MARQUEE></MARQUEE>
</TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></FONT></P>
看看效果(1):(适合两栏式,放在宽的一边)
说明:这一款代码制作的欢迎栏,在最近升级的IE浏览器中看不到动画下面的两行字
|
二、欢迎光临代码(2)
<TABLE style="WIDTH: 480px; HEIGHT: 300px" height=300 cellPadding=0 width=480 align=center background=http://img.blog.163.com/photo/ur8mxCKDGZiy_DjvvpZA1A==/2535245115232991284.jpg border=0>
<TBODY>
<TR>
<TD>
<EMBED align=right src=http://imgfree.21cn.com/free/flash/9.swf width=460 height=280 type=application/x-shockwave-flash wmode="transparent" quality="high">
<EMBED align=right src=http://imgfree.21cn.com/free/flash/51.swf width=460 height=280 type=application/x-shockwave-flash wmode="transparent" quality="high">
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff></FONT></FONT></FONT>
<MARQUEE style="WIDTH: 435px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT face=隶书 color=#ff0000 size=5>
<DIV align=center><FONT face=华文行楷 color=#ff0000 size=6>欢迎光临海珠儿博客乐园</FONT></DIV>
<DIV align=center> </DIV>
<DIV align=center>让志趣的纽带将我们系在一起</DIV>
<DIV align=center>让情感的音符谱出和谐的乐曲</DIV>
<DIV align=center>让博客的眼睛投以温馨的目光</DIV>
<DIV align=center>让切磋的平台结出丰硕的果儿</DIV>
<DIV align=center> </DIV></FONT></MARQUEE>
</DIV></TD></TR></TBODY></TABLE></TR></TBODY></TABLE>
欢迎光临(2)效果:(适合三栏式,放在中间宽的一栏)
三、欢迎光临代码(3)
<TABLE style="LEFT: -200px; WIDTH: 500px; TOP: 370px" cellSpacing=0 cellPadding=50 align=center background=http://img.blog.163.com/photo/LBOfmmEIqq2XIY71wIaO4A==/2873578037239244663.jpg border=10>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#228b22 cellSpacing=0 borderColorDark=#00ced1 cellPadding=0 width=480 align=center border=1>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=338>
<MARQUEE style="WIDTH: 450px; HEIGHT: 180px" scrollAmount=3 behavior=alternate width=450>
<P align=center></P>
<P align=center></P>
<P align=center></P>
<P align=center><IMG src="http://img.blog.163.com/photo/Urn-oQdr5hg1SmIXgbnjww==/4572279521688002581.jpg"> <FONT face=隶书 color=#ff0000 size=6><STRONG>欢迎光临</STRONG></FONT><FONT face=华文行楷 color=#800080 size=30><STRONG> </STRONG><BR>
<P align=center><STRONG></STRONG></P>
<P align=center><STRONG>
<P align=center></P>
<P align=center><FONT face=华文行楷_GB2312 color=#00ff00 size=8>海珠儿的博客乐园</FONT></A></P></STRONG>
<P></P>
<P></P></FONT>
<P></P>
<P></P></MARQUEE></MARQUEE>>
<TBODY></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P></P>
欢迎光临(3)效果:(适合三栏式和两栏式,放在宽的一栏)
说明:这一款代码制作的欢迎栏,在最近升级的IE浏览器中看不到动画下面的两行字.
|
http://blog.163.com/gsd_432427/blog/static/229114120074464038990/#
四、欢迎光临代码(4):
<DIV></DIV>
<TABLE borderColor=#cd5c5c height=380 width=550 align=center border=3>
<TBODY>
<TR>
<TD background=http://img.blog.163.com/photo/uyvQ1uhPT_NgXcf9RSxLmQ==/427279014647041677.jpg>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=380>
<MARQUEE scrollAmount=3 behavior=alternate width=550><IMG src="http://img.blog.163.com/photo/h2CJYDBoFYhjXnS4ksiCyQ==/2552133613835614341.jpg ">
<P align=center><FONT face=隶书 color=#ff0000 size=6 ff><B>欢迎光临海珠儿博客乐园<BR>来宾请上海珠儿浏览导航</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
欢迎光临(4)效果:
欢迎光临海珠儿博客乐园 |
五、欢迎光临代码(5):
<DIV></DIV>
<TABLE borderColor=#cd5c5c height=380 width=550 align=center border=3>
<TBODY>
<TR>
<TD background=http://img.blog.163.com/photo/1yIO-ElxM525WYAphCY6nA==/432908514181645495.jpg>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=380>
<MARQUEE scrollAmount=3 behavior=alternate width=550><IMG src="http://img.blog.163.com/photo/aMMCKszICaRAgpJy2LT7Rg==/2552133613835614333.jpg">
<P align=center><FONT face=隶书 color=#ff0000 size=6 ff><B>欢迎光临海珠儿博客乐园<BR>来宾请上海珠儿浏览导航</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
欢迎光临(5)效果:
欢迎光临海珠儿博客乐园 六、欢迎光临代码(6):
来宾请上海珠儿浏览导航
<TABLE borderColor=#cd5c5c height=380 width=550 align=center border=3>
<TBODY>
<TR>
<TD background=http://img.blog.163.com/photo/fW4L84VG8RoHOznCsjI9cw==/5642165908165255910.jpg>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=380>
<MARQUEE scrollAmount=3 behavior=alternate width=550><IMG src="http://img.blog.163.com/photo/Ax8VgKIrNLymB_DmGsmfHg==/2267280937404469488.jpg">
<P align=center><FONT face=隶书 color=#ff0000 size=6 ff><B>欢迎光临<BR>海内存知己 天涯若比邻</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
欢迎光临(6)效果:
欢迎光临 |
七、欢迎光临代码(7):
<DIV></DIV>
<TABLE borderColor=#cd5c5c height=350 width=490 align=center border=3>
<TBODY>
<TR>
<TD background=http://img.blog.163.com/photo/qx_9nn2iCdAB2aWAroW2kQ==/4823073725937181476.jpg>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
<MARQUEE scrollAmount=3 behavior=alternate width=490><IMG src="http://img.blog.163.com/photo/Hl2pbH7V5Nrnmex0AGpwlw==/2265873562520887961.jpg">
<P align=center><FONT face=隶书 color=#ff0000 size=5 ff><B>让志趣这条无形的纽带将我们系在一起</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
欢迎光临(7)效果:
让志趣这条无形的纽带将我们系在一起 |
八、欢迎光临代码(8):
<DIV></DIV>
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=http://img.blog.163.com/photo/GMbsn-XzEGYjiGb7LIlJdg==/425871639764040228.jpg>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
<MARQUEE scrollAmount=3 behavior=alternate width=450><IMG src="http://img.blog.163.com/photo/dzjx2-U9JL6lC83uodo8YQ==/3721099192114975498.jpg">
<P align=center><FONT face=隶书 color=#ff0000 size=6 ff><B>欢迎你 远来的客人</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
欢迎光临(8)效果:
欢迎你 远来的客人 |
九、欢迎光临代码(9):
<DIV></DIV>
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=http://img.blog.163.com/photo/LSw09mS2dtQ4Rn9CXpgBRQ==/429249339484165879.jpg>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
<MARQUEE scrollAmount=3 behavior=alternate width=450><IMG src="http://img.blog.163.com/photo/btUpin8oWV81hEoaSjXaPw==/593067775929418118.jpg
"><FONT face=隶书 color=#ff0000 size=6 ff><B>等等我 <br>我们一起去海珠儿那里!</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
欢迎光临(9)效果:
我们一起去海珠儿那里! |
十、欢迎光临代码(10):
<DIV></DIV>
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=http://img.blog.163.com/photo/bzzjf_6jCq0gbTW9C3kinQ==/424464264880084171.jpg>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
<MARQUEE scrollAmount=3 behavior=alternate width=450><IMG src="http://
img.blog.163.com/photo/GluliOBMtjbfnLKhBVm9lA==/2612087783874931858.
jpg"> <FONT face=隶书 color=#ff0000 size=6 ff><B>欢迎您 <br>请上海珠儿浏览导航!</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY>
</TABLE>
欢迎光临(10)效果:
请上海珠儿浏览导航! |
十一、欢迎光临代码(11):
<DIV></DIV>
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=http://img.blog.163.com/photo/LSw09mS2dtQ4Rn9CXpgBRQ==/429249339484165879.jpg>
<marquee direction=right><marquee behavior=alternate direction=up height=300><P align=center><font color=ff0000 size=5 face=华文行楷><b>喂——朋友,等等我!<br>我们一起去海珠儿那里!</b></font><br><img src=http://img.blog.163.com/photo/ydmlD2N7_hQFAEm5QRpp0w==/593067775929418122.jpg></marquee><br></marquee>
<MARQUEE behavior=alternate><FONT face=隶书 color=#ff0000 size=6>欢迎光临海珠儿博客!</FONT></MARQUEE></P>
</TD></TR></TBODY></TABLE>
欢迎光临(11)效果:
喂——朋友,等等我! |
评论