欢迎栏.背景滚动字幕代码

装饰博客   2008-01-20 07:47   阅读483   评论8  
字号:    

欢迎栏代码

一、欢迎光临代码(1):

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

欢迎光临(1)效果:

欢迎您

し㊣〖热血同盟会〗㊣浏览导航!

 

二、欢迎光临代码(2):

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

欢迎光临(2)效果:

让志趣这条无形的纽带将我们系在一起

 

三、欢迎光临代码(3):

<DIV></DIV>

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

欢迎光临(3)效果:

欢迎光临

海内存知己 天涯若比邻

四、欢迎栏代码(4):

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

看看效果(4):(适合两栏式,放在宽的一边)

说明:这一款代码制作的欢迎栏,在最近升级的IE浏览器中看不到动画下面的两行字

欢迎光临

㊣〖热血同盟会〗㊣的博客乐园

请上我的浏览导航

五、欢迎光临代码(5)

<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>&nbsp;</DIV>

<DIV align=center>让志趣的纽带将我们系在一起</DIV>

<DIV align=center>让情感的音符谱出和谐的乐曲</DIV>

<DIV align=center>让博客的眼睛投以温馨的目光</DIV>

<DIV align=center>让切磋的平台结出丰硕的果儿</DIV>

<DIV align=center>&nbsp;</DIV></FONT></MARQUEE>

</DIV></TD></TR></TBODY></TABLE></TR></TBODY></TABLE>

欢迎光临(5)效果:(适合三栏式,放在中间宽的一栏)

欢迎光临㊣〖热血同盟会〗㊣博客乐园

 

让志趣的纽带将我们系在一起

让情感的音符谱出和谐的乐曲

让博客的眼睛投以温馨的目光

让切磋的平台结出丰硕的果儿

 

 

六、欢迎光临代码(6)

<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>&gt;

<TBODY></TBODY></TABLE></TD></TR></TBODY></TABLE>

<P></P>

欢迎光临(6)效果:(适合三栏式和两栏式,放在宽的一栏)

说明:这一款代码制作的欢迎栏,在最近升级的IE浏览器中看不到动画下面的两行字.

欢迎光临

㊣〖热血同盟会〗㊣的博客乐园

>

七、欢迎光临代码(7):

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

欢迎光临(7)效果:

欢迎光临㊣〖热血同盟会〗㊣博客乐园

来宾请上㊣〖热血同盟会〗㊣浏览导航

 

 

精美的背景滚动字幕

                         

           

                                                      

  代码一:

<TABLE cellSpacing=5  width=348 align=center background=http://xf.2000y.net/120487/uploadpic/2007021220044436009.gif border=1 BORDER-TOP: BORDER-LEFT: 348px; BORDER-BOTTOM: black 1px inset; 42px? WIDTH: HEIGHT:>

<TBODY>

<TR>

<TD><MARQUEE scrollAmount=3 HEIGHT: 449px; 38px? 44px? 343px;><FONT size=6><FONT face=华文行楷> <FONT color=#ff0000>欢迎光临</FONT><FONT color=#0000ff>我的博客</FONT>

<FONT color=#ff00ff>教你作好</FONT><FONT color=#ff0000>最简单的</FONT>

<FONT color=#0000ff>最精美的</FONT><FONT color=#ff00ff>网易博客</FONT>

</FONT></FONT></MARQUEE></TD></TR></TBODY></TABLE>

                                                                                效果:

欢迎光临我的博客 教你作好最简单的 最精美的网易博客

 

                       

                              

代码二:

<marquee><DIV></DIV> </font><br> <P align=center><STRONG><FONT size=6><FONT face=华文行楷>

<FONT color=#ff0000>欢迎光临</FONT><FONT color=#0000ff>我的博客</FONT>

<FONT color=#ff00ff>教你作好</FONT><FONT color=#ff0000>最简单的</FONT>

<FONT color=#0000ff>最精美的</FONT><FONT color=#ff00ff>网易博客</FONT>

</FONT></FONT></STRONG></P> </marquee> 

               说明:

  把文字替换自己的文字,color=是颜色代码, 可以随便换各种颜色的代码,

cellSpacing=5表示边框大小,代码二里的红色表示背景地址. 可换自己喜欢的.

scrollAmount=2 表示移动速度.

  安装在首页-->装扮博客--->自定义模块里

 

欢迎光临飞过红尘的博客、品评我有个性的原创日志、 教你作好最简单的 最精美的网易博客

 

评论(?)
阅读(?)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
网易公司版权所有 ©1997-2009