一些基本的HTML代码解释和使用方法(二)

      代码素材 2007-9-9 15:31

三、透明flash的运用

代码如下:
<TABLE height=600 cellSpacing=0 cellPadding=0 width=480 align=center background=="背景图片网址" border=3 >
<TBODY>
<TR>
<TD>
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.geocities.jp/yukie1125n/yujietmswf/19.swf width=480 height=590 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></TD></TR></TBODY></TABLE>

  

给flash动画增添背景




真诚的问候,为你祝福


我会永远伴随你




编辑制作:秋 风


代码如下:  
<CENTER>
<TABLE cellSpacing=15 cellPadding=5 width=550 align=center background="背景图片网址" border=6 >
<TBODY>
<TR>
<TD>
<CENTER><IMG src="UploadFile/2004-11/20041115143819254.gif"><IMG src="UploadFile/2004-11/20041115143819254.gif"><BR><BR><BR></CENTER>
<CENTER><FONT color=#d3d3d3 size=6><B>真诚的问候,为你祝福</B></FONT><BR><BR><BR></CENTER>
<CENTER><FONT color=#d3d3d3 size=4><B>我会永远伴随你
<EMBED src=http://www.long21.net/card/main/0404/0404252f.swf width=450 height=300 type=application/x-shockwave-flash quality="high">
<FONT color=#d3d3d3 size=4><B>编辑制作:秋 风</B> </CENTER></FONT></B></FONT>
</TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
 

1,透明FLASH代码:
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.geocities.jp/yukie1125n/yujietmswf/19.swf width=480 height=590 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED>

2,一般FLASH代码:
<EMBED src=http://www.long21.net/card/main/0404/0404252f.swf width=450 height=300 type=application/x-shockwave-flash quality="high">

透明flash的定位

把FLASH定位,这样图片就不用作背景,直接用图片的格式,图片的大小也可以随心所欲,效果要比前面一种好。
7.0版本的论坛使用这种效果时,在发帖前先要将发帖栏下面的《自动修正》取消才能正常显示。
代码如下:

<TABLE align=center background=http://wanruo.jahee.com/jpsc/bj/a1.gif border=4 cellPadding=0 cellSpacing=0 height=560 width=450 table>
<TBODY><TR><TD>
<P align=center><IMG border=0 height=450 src="
http://images.21cn.com/albums/photos/forum_picture/00/03/1061049768_8152.jpg" width=350></P></FONT>
<EMBED style="LEFT: 280px; WIDTH: 400px; POSITION: absolute; TOP: 100px; HEIGHT: 500px" align=right src=http://www.geocities.jp/yukie1125n/yujietmswf/19.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>
<EMBED style="LEFT: 350px; WIDTH: 350px; POSITION: absolute; TOP: 200px; HEIGHT: 300px" align=right src=http://www.geocities.jp/yukie1125n/yujietmswf/20.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>
</TD></TR></TBODY></TABLE>

说明:
      TOP: 100px 是指FLASH与帖子上边之间的距离(也就是FLASH与IE的距离)。
   LEFT: 280px 是指FLASH与帖子左边的距离
   WIDTH:400px HEIGHT: 300px 是指FLASH定位的范围宽度和高度;后面的width=400 height=3000 是FLASH的宽和高了。

补充:每个数据适应修改可使透明flash重叠。

下面是重叠的例子,可根据自己需要修改数据。

<EMBED style="LEFT: 350px; WIDTH: 300px; POSITION: absolute; TOP: 480px; HEIGHT: 300px" align=right src=http://www.geocities.jp/yukie1125n/yujietmswf/19.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>

<EMBED style="LEFT: 350px; WIDTH: 300px; POSITION: absolute; TOP: 480px; HEIGHT: 300px" align=right src=http://www.geocities.jp/yukie1125n/yujietmswf/20.swf width=300 height=200 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>

 

四,多层背景的应用

代码如下:
<TABLE align=center background="背景图片网址" border=10 cellSpacing=2 borderColor=#841A00 width=500>
<TBODY>
<TR>
<TD>

<TABLE align=center background="背景图片网址" border=10 cellSpacing=2 borderColor=#841A00 width=500>
<TBODY>
<TR>
<TD>

<TABLE align=center background="背景图片网址" border=10 cellSpacing=2 borderColor=#841A00 width=500>
<TBODY>
<TR>
<TD>以此类推

帖子的文章加图片

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

注意:

前边用了多少<table......><tr><td>后面就要有多少</td></tr></table>收尾。

常用的参数设定及注解:

<table width="400" border="10" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="图片网址" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF">

width="400" 表格宽度,接受绝对值(如 500)及相对值(如 80%)。

border="10"   表格边框的厚度。

cellspacing="2"  表格格线的厚度

cellPadding=5 表格格线内厚度


align="CENTER"
表格的摆放位置(水平),可选值为:左: left, 右: right, 居中: center

valign="TOP".
表格内内容的对齐方式(垂直),可选值为: top, middle, bottom。  

background="背景图片网址"
表格的背景图片,与 bgcolor 不要同用。

bgcolor="#0000FF"   表格的底色,与 background 不要同用

bordercolor="#CF0000"  表格边框颜色

bordercolorlight="#00FF00"  表格边框向光部分的颜色

bordercolordark="#00FFFF"
表格边框背光部分的颜色,使用 bordercolorlight 或 bordercolordark 时
bordercolor 将会失效。

标签集:TAGS:
回复Comments() 点击Count()

回复Comments

{commenttime}{commentauthor}

{CommentUrl}
{commentcontent}