给日志添加背景图片代码:
背景与代码(上面是做好的背景,下面就是其代码)
1
1 代码:
<TABLE cellPadding=100 width=480 align=center background=http://xz1.2000y.net/348114/uploadpic/200412722055966.jpg border=0 cellSpacing40>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#f0ffff cellSpacing=10 borderColorDark=#00008b cellPadding=0 width=450 align=center border=5>
<TBODY>
<TR>
<TD>
<P align=center><STRONG><FONT color=#006400 size=6></FONT></STRONG> </P>
<P align=center><FONT color=#7fff00>加入文字</FONT> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
2
2 代码
<TABLE cellPadding=100 width=480 align=center background=http://xz1.2000y.net/348114/uploadpic/20041272239673.jpg border=0 cellSpacing40>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#228b22 borderColorDark=#e6e6fa cellPadding=0 width=480 align=center border=10>
<TBODY>
<TR>
<TD>
<P align=center><STRONG><FONT color=#006400 size=6></FONT></STRONG> </P>
<P align=center><FONT color=#7fff00>加入文字</FONT> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
3
代码
<TABLE cellPadding=100 width=480 align=center background=http://xz1.2000y.net/348114/uploadpic/200412722331705.jpg border=0 cellSpacing40>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#228b22 borderColorDark=#e6e6fa cellPadding=0 width=480 align=center border=10>
<TBODY>
<TR>
<TD>
<P align=center><STRONG><FONT color=#006400 size=6></FONT></STRONG> </P>
<P align=center><FONT color=#7fff00>加入文字</FONT> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
4
代码:
<TABLE cellPadding=100 width=480 align=center background=http://xz1.2000y.net/348114/uploadpic/20041027224449277.jpg border=0 cellSpacing40>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#228b22 cellSpacing=15 borderColorDark=#00ced1 cellPadding=0 width=480 align=center border=10>
<TBODY>
<TR>
<TD>
<P align=center><STRONG><FONT color=#006400 size=6></FONT></STRONG>
<P align=center><FONT color=#7fff00>加入文字</FONT> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
5
代码
<TABLE cellPadding=100 width=480 align=center background=http://xz1.2000y.net/348114/uploadpic/200412722348880.jpg border=0 cellSpacing40>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ff7f50 borderColorDark=#e6e6fa cellPadding=0 width=480 align=center border=10>
<TBODY>
<TR>
<TD>
<P align=center><STRONG><FONT color=#006400 size=6></FONT></STRONG> </P>
<P align=center><FONT color=#7fff00>加入文字</FONT> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
6
代码:
<TABLE cellPadding=100 width=480 align=center background=http://www.g-ym.com/bbs/UploadFile/20043286232173135.gif border=0 cellSpacing40>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#9400d3 cellSpacing=15 borderColorDark=#e6e6fa cellPadding=0 width=550 align=center border=10>
<TBODY>
<TR>
<TD>
<P align=center><STRONG><FONT color=#006400 size=6></FONT></STRONG> </P>
<P align=center><FONT color=#7fff00>加入文字</FONT> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
7
代码:
<TABLE cellPadding=100 width=480 align=center background=http://www.s1.inets.jp/~rouge/free/botan_3.jpg border=0 cellSpacing40>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#9400d3 cellSpacing=15 borderColorDark=#e6e6fa cellPadding=0 width=550 align=center border=10>
<TBODY>
<TR>
<TD>
<P align=center><STRONG><FONT color=#006400 size=6></FONT></STRONG> </P>
<P align=center><FONT color=#7fff00>加入文字</FONT> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
8
代码:
<TABLE cellPadding=100 width=480 align=center background=http://www.ne.jp/asahi/syaraku/kichinyado/hana2/syaga/syaga13/syaga134.jpg border=0 cellSpacing40>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ff7f50 cellSpacing=15 borderColorDark=#e6e6fa cellPadding=0 width=550 align=center border=10>
<TBODY>
<TR>
<TD>
<P align=center><STRONG><FONT color=#006400 size=6></FONT></STRONG> </P>
<P align=center><FONT color=#7fff00>加入文字</FONT> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
9
代码:
<TABLE cellPadding=100 width=480 align=center background=http://topfree.home4u.china.com/home/b1.img/dye_fa_0027.gif border=0 cellSpacing40>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ff7f50 cellSpacing=15 borderColorDark=#e6e6fa cellPadding=0 width=550 align=center border=10>
<TBODY>
<TR>
<TD>
<P align=center><STRONG><FONT color=#006400 size=6></FONT></STRONG> </P>
<P align=center><FONT color=#7fff00>加入文字</FONT> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
10
代码:
<TABLE cellPadding=100 width=480 align=center background=http://topfree.home4u.china.com/home/b2.img/dye_fa_0042.gif border=0 cellSpacing40>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#98fb98 cellSpacing=15 borderColorDark=#e6e6fa cellPadding=0 width=550 align=center border=10>
<TBODY>
<TR>
<TD>
<P align=center><STRONG><FONT color=#006400 size=6></FONT></STRONG> </P>
<P align=center><FONT color=#7fff00>加入文字</FONT> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
11
代码
<TABLE cellPadding=100 width=480 align=center background=http://xz1.2000y.net/348114/uploadpic/200412722245606.jpg border=0 cellSpacing40>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#228b22 borderColorDark=#e6e6fa cellPadding=0 width=480 align=center border=5>
<TBODY>
<TR>
<TD>
<P align=center><STRONG><FONT color=#006400 size=6></FONT></STRONG> </P>
<P align=center><FONT color=#7fff00>加入文字</FONT> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
你也可以把代码里的背景图片地址换成你自己喜欢的背景,做出漂亮的背景来!
_______________________________
flash上写字代码:
效果:
代码:
<TABLE borderColor=#666666 height=420 width=600 align=center border=10>
<TBODY>
<TR>
<TD>
<DIV><EMBED style="LEFT: 0px; TOP: 256px" align=right src=http://teacher.am89.com/users/teacher/song88/userupload/l16.swf width=600 height=420 type=application/x-shockwave-flash ; quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"></EMBED>
<MARQUEE scrollAmount=1 scrollDelay=150 direction=up width=580 height=400 align="center"><A><FONT color=#ffff00 size=5>
<P align=center>梦自手边穿梭而过<BR>偶尔定格 <BR>想起苦守的曰子 <BR>箫声清远 焚雪落寞 <BR>一生的冷暖 <BR>都随花朵飘落 <BR>很多年前有人曾说过 <BR>遥远的地方有过一条梦河 <BR>流淌着幸福 <BR>盛开着欢乐 <BR>向往梦河 <BR>引退幻想的人 终生漂泊 <BR>而我醒来 <BR>空空的张掌上落叶凄美 </P></FONT><FONT color=#00ff00><EMBED src=http://dnd0756.16789.net/domName/dnd0756/200611302184769806.wma width=2 height=2 type=audio/mpeg loop="0" autostart="True" allowNetworking="internal" allowScriptAccess="never"></FONT></A></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>
<P> </P>
<P> </P>
————————————————————————————————
图片加两层flash代码:
<DIV class="g_c_container g_t_left" id=5861710_customer_cnt>
<TABLE style="WIDTH: 450px; HEIGHT: 520px" height=530 cellPadding=10 width=360 align=center background=http://img.blog.163.com/photo/W_Bi0m2ys_BrMcusM7unmQ==/360287970190000698.jpg border=3 table="0">
<TBODY>
<TR>
<TD><EMBED align=right src=http://www.3lian.com/flash/flash/32.swf width=430 height=530 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"> <EMBED align=right src=http://www.3lian.com/flash/flash/138.swf width=360 height=530 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never">
<P><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff></FONT></FONT></FONT> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<DIV align=center></DIV></TD></TR></TBODY></TABLE></DIV>
效果:
图片+多层flash,图片+flash写字代码
代码:
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://bfq1.7878758.com/flash/213.swf width="100%" type=application/x-shockwave-flash autostart="0" quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"></EMBED>
_________________________________________
图片加单层透明Flash插图
图片加单层透明Flash插图
代码:
<DIV></DIV>
<TABLE borderCoIor=#cd5c5c height=305 width=450 aIign=center border=0><TBODY><TR><TD background=图片地址>动画代码或文字代码</TD></TR></TBODY></TABLE>
<DIV></DIV><TABLE borderColor=#cd5c5c <DIV></DIV>
TABLE borderColor=#cd5c5c height=305 width=450 align=center border=0><TBODY><TR>
<TD background=http://img.blog.163.com/photo/eDNvpf3sDTuHCrS5mu_6Fg==/3689573994723482820.jpg><embed src="http://imgfree.21cn.com/free/flash/88.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width=450 height=305 autostart="0"></embed></TD></TR></TBODY></TABLE>
代码:
<TABLE borderColor=#cd5c5c>
<P></P>
<P style="TEXT-INDENT: 2em">
<P></P>
<P></P>
<P style="TEXT-INDENT: 2em"></P>
<TBODY>
<TR>
<TD background=http://img.blog.163.com/photo/eDNvpf3sDTuHCrS5mu_6Fg==/3689573994723482820.jpg><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/88.swf width=450 height=305 type=application/x-shockwave-flash allowScriptAccess="never" allowNetworking="internal" wmode="transparent" quality="high" autostart="0"></EMBED></TD></TR></TBODY></P>
<P style="TEXT-INDENT: 2em"></P></TABLE></BLOCKQUOTE></BLOCKQUOTE></BLOCKQUOTE></DIV></DIV></DIV>
加单层透明Flash效果图:
双层:
<P style="TEXT-INDENT: 2em"> </P>
<P style="TEXT-INDENT: 2em"> </P></BLOCKQUOTE>
<BLOCKQUOTE>
<TABLE height=285 cellPadding=0 background=http://img2.3lian.com/img2007/4/17/200621219563239908.gif border=0 widih="470">
<TBODY>
<TR>
<TD>
<P></P>
<P style="TEXT-INDENT: 2em"><EMBED align=right src=http://imgfree.21cn.com/free/flash/129.swf width=470 height=280 type=application/octet-stream allowScriptAccess="never" allowNetworking="internal" quality="high" wmode="transparent"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/6.swf width=460 height=260 type=application/x-shockwave-flash allowScriptAccess="never" allowNetworking="internal" wmode="transparent" quality="high"><EMBED align=right src=http://imgfree.21cn.com/free/flash/59.swf width=470 height=280 type=application/octet-stream allowScriptAccess="never" allowNetworking="internal" quality="high" wmode="transparent"></P></TD></TR></TBODY></TABLE>
看效果图:
三层代码:
<TABLE height=285cellSpacing=0 cellPadding=0 widih=470 background= 背景图地址 border=0>
<TBODY><TR><TD>
<P align=center><EMBED align=right src=透明flash地址一swf width=470 height=280 type=application/octet-stream quality="high" wmode="transparent"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=透明flash地址二 width=460 height=260 type=application/x-shockwave-flash wmode="transparent" quality="high"><EMBED align=right src=透明flash地址三swf width=470 height=280 type=application/octet-stream quality="high" wmode="transparent"></P></TD></TR></TBODY></TABLE>
说明:
width=宽 height=高 [得反复实验效果好了在开始安装]
绿色的是代码 最上面蓝色的是背景图地址 透明Flash地址换上你自己喜欢的透明插图 然后复制-->首页-->装扮我的博客-->设置首页内容-->自定义模块-->粘贴刚才复制内容-->填上标题-->浏览-->OK了
效果图
其实动画加多更不好 容易卡 甚至造成死机 最多别超过两个比较适宜.
——————————————————————————————————————
图片加透明Flash再加文字
代码:
<TABLE style="WIDTH: 480px; HEIGHT: 350px" height=350 cellPadding=0 width=480 align=center background= 背景图片地址 border=0><TBODY><TR><TD><EMBED allowScriptAccess="never" allowNetworking="internal" align=right src=
透明Flash动画地址 width=460 height=280 type=application/x-shockwave-flash wmode="transparent" quality="high"><DIV align=center><FONT face=华文行楷_GB2312><FONT size=10><FONT color=#ffffff></FONT></FONT></FONT>
<MARQUEE style="WIDTH: 435px; HEIGHT: 180px" scrollAmount=1 direction=up height=84><FONT face=华文行楷 color=#66ff66 size=10>
<DIV align=center><FONT face=华文行楷 color=#ff0000 size=7>亲爱的朋友你们好</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>
说明:
上面的两个地址换掉自己喜欢的画面地址 width=480宽 height=350 高
字体大小size=10 兰色的数值自己调整 地址滚动的文字 换适合自己的文字 OK了
单层透明Flash加文字效果图:
其实加双层透明Flash再加文字效果 这样背景图上加了三个动画容易卡 文字就不爱动 所以最好别超过两个动画为益.
双层透明Flash加文字效果图:
代码:
<TABLE height=350 cellPadding=0 width=480 align=center background=http://img2.3lian.com/img2007/4/17/20067311814887712.gif border=0>
<TBODY>
<TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/51.swf width=460 height=280 type=application/x-shockwave-flash allowScriptAccess="never" allowNetworking="internal" wmode="transparent" quality="high">
<P></P>
<P style="TEXT-INDENT: 2em">
<MARQUEE scrollAmount=2 direction=up width=480 height=84>
<P></P>
<P style="TEXT-INDENT: 2em">亲爱的朋友您好</P>
<P style="TEXT-INDENT: 2em"> </P>
<P style="TEXT-INDENT: 2em">欢迎光临玫瑰茶苑 </P>
<P style="TEXT-INDENT: 2em">请留下你们的足迹</P>
<P style="TEXT-INDENT: 2em">指引我前进的方向 </P>
<P style="TEXT-INDENT: 2em">谢谢大家关心指导</P>
<P style="TEXT-INDENT: 2em"> </P>
<P style="TEXT-INDENT: 2em"></P></MARQUEE></P>
<P style="TEXT-INDENT: 2em"></P></TD></TR></TBODY></TABLE></P>
<P style="TEXT-INDENT: 2em"> </P>
<P style="TEXT-INDENT: 2em"> </P>
<P style="TEXT-INDENT: 2em"> 其实加双层透明Flash再加文字效果 这样背景图上加了三个动画容易卡 文字就不爱动 所以最好别超过两个动画为益.</P>
<P style="TEXT-INDENT: 2em"> </P>
<P style="TEXT-INDENT: 2em"> 双层透明Flash加文字效果图:</TR></TBODY></TABLE>
<TABLE height=350 cellPadding=0 width=480 align=center background=http://img2.3lian.com/img2007/4/17/20067311814887712.gif 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 allowScriptAccess="never" allowNetworking="internal" quality="high" wmode="transparent"> <EMBED align=right src=http://imgfree.21cn.com/free/flash/51.swf width=460 height=280 type=application/x-shockwave-flash allowScriptAccess="never" allowNetworking="internal" quality="high" wmode="transparent">
<P></P>
<P style="TEXT-INDENT: 2em">
<MARQUEE scrollAmount=2 direction=up width=480 height=84>
<P></P>
<P style="TEXT-INDENT: 2em">亲爱的朋友您好</P>
<P style="TEXT-INDENT: 2em"> </P>
<P style="TEXT-INDENT: 2em">欢迎光临玫瑰茶苑</P>
<P style="TEXT-INDENT: 2em">请留下你们的足迹</P>
<P style="TEXT-INDENT: 2em">指引我前进的方向 </P>
<P style="TEXT-INDENT: 2em">谢谢大家关心指导</P>
<P style="TEXT-INDENT: 2em"> </P>
<P style="TEXT-INDENT: 2em"></P></MARQUEE></P>
<P style="TEXT-INDENT: 2em"></P></TD></TR></TBODY></TABLE></P>
<P style="TEXT-INDENT: 2em"> </TR></TBODY></TABLE></P></BLOCKQUOTE></BLOCKQUOTE></BLOCKQUOTE></DIV>
______________________________________________
不透明flash上加透明flash:
代码:
<TABLE height=375 cellSpacing=0 cellPadding=0 width=500 background=border=5>
<TBODY>
<TR>
<TD><EMBED align=right src=http://teacher.am89.com/users/teacher/song88/userupload/l7.swf width=500 height=375 type=application/octet-stream allowScriptAccess="never" ;; quality="high" wmode="transparent"> <EMBED style="WIDTH: 500px; HEIGHT: 375px" align=right src=http://imgfree.21cn.com/free/flash/51.swf width=500 height=375 type=application/octet-stream allowScriptAccess="never" ;; quality="high" wmode="transparent"> <EMBED style="WIDTH: 500px; HEIGHT: 375px" align=right src=http://youngcolor.com.ne.kr/swf1/36.swf width=500 height=375 type=application/octet-stream allowScriptAccess="never" ;; quality="high" wmode="transparent"> </EMBED></TD></TR></TBODY></TABLE></P>
效果:
图片加边框代码:
框
嵌入框:
<IMG style="BORDER-RIGHT: #ff9900 15px inset; BORDER-TOP: #ff9900 15px inset; BORDER-LEFT: #ff9900 15px inset; BORDER-BOTTOM: #ff9900 15px inset" src="http://img.blog.163.com/photo/qgnA7CoJp0t9vhUjtzBe6Q==/3121276016744819206.jpg"><BR><BR>
2、双线框
3、虚线框

4、凸出框:

5、嵌入框:

6、脊状框:

7、凹槽框

8、粒状阴影框
代码:
<P>框</P>
<P> <IMG style="BORDER-RIGHT: #ffcccc 5px solid; BORDER-TOP: #ffcccc 5px solid; BORDER-LEFT: #ffcccc 5px solid; BORDER-BOTTOM: #ffcccc 5px solid" src="http://img.blog.163.com/photo/9I6KNqKkFEOe9O-MAxRB8g==/570549777792758681.jpg"></P>
<P>嵌入框: <IMG style="BORDER-RIGHT: #ff9900 15px inset; BORDER-TOP: #ff9900 15px inset; BORDER-LEFT: #ff9900 15px inset; BORDER-BOTTOM: #ff9900 15px inset" src="<A href='http://img.blog.163.com/photo/qgnA7CoJp0t9vhUjtzBe6Q==/3121276016744819206.jpg"><BR><BR'><FONT color=#6c0386>http://img.blog.163.com/photo/qgnA7CoJp0t9vhUjtzBe6Q==/3121276016744819206.jpg"><BR><BR</FONT></A>><BR><BR>2、双线框 </P>
<P><IMG style="BORDER-RIGHT: 7px double; BORDER-TOP: 7px double; BORDER-LEFT: 7px double; BORDER-BOTTOM: 7px double" src="http://img.blog.163.com/photo/Zekr-a1OKkmKi6euySRJtA==/2819816316687605989.jpg"> <BR><BR> 3、虚线框</P>
<P> <IMG style="BORDER-RIGHT: #990000 3px dashed; BORDER-TOP: #990000 3px dashed; BORDER-LEFT: #990000 3px dashed; BORDER-BOTTOM: #990000 3px dashed" src="http://img.blog.163.com/photo/AByMKTV_96rdYYUxaB3WTQ==/5677631755230864109.jpg"><BR><BR> 4、凸出框:</P>
<P><IMG style="BORDER-RIGHT: #ccccff 10px outset; BORDER-TOP: #ccccff 10px outset; BORDER-LEFT: #ccccff 10px outset; BORDER-BOTTOM: #ccccff 10px outset" src="http://img.blog.163.com/photo/jz_ph8kNmu0PjIjfvsscEA==/2819816316687606050.jpg"><BR><BR> 5、嵌入框: </P>
<P> <IMG style="BORDER-RIGHT: #ff9900 15px inset; BORDER-TOP: #ff9900 15px inset; BORDER-LEFT: #ff9900 15px inset; BORDER-BOTTOM: #ff9900 15px inset" src="http://img.blog.163.com/photo/UBdVW_FitTiTdkX4embnJA==/2819816316687606051.jpg"><BR><BR> 6、脊状框: </P>
<P> <IMG style="BORDER-RIGHT: #33ff66 15px ridge; BORDER-TOP: #33ff66 15px ridge; BORDER-LEFT: #33ff66 15px ridge; BORDER-BOTTOM: #33ff66 15px ridge" src="http://img.blog.163.com/photo/2V-0sTfgsftnRLiW-NNWJw==/2329486907257743769.jpg"><BR><BR> 7、凹槽框</P>
<P> <IMG style="BORDER-RIGHT: #cc6666 15px groove; BORDER-TOP: #cc6666 15px groove; BORDER-LEFT: #cc6666 15px groove; BORDER-BOTTOM: #cc6666 15px groove" src="http://img.blog.163.com/photo/e9t7Hk7gIooThDtrTqpwyQ==/306807724614974871.jpg"><BR><BR> 8、粒状阴影框 </P>
<P><IMG style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ccFF66,strength=30" src="http://img.blog.163.com/photo/CgpjR6EyN3fO61pEtks63Q==/2306124484190794305.jpg"> </P>
以上内容转自玫瑰茶苑,如有转载请注明
posted on 2008-01-21 12:41
米饭 阅读(89)
评论(1) 编辑 收藏 所属分类:
博客技巧分享
网摘收藏