定位代码的灵活应用
实例图片和Flash素材:
定 位 代 码:
style="MARGIN-TOP: -150px; DISPLAY: block; MARGIN-LEFT: 30px; TEXT-ALIGN: center"
或
<DIV style="MARGIN-TOP: -250px; MARGIN-LEFT: 20px"></DIV>
定位代码可以运用到很多地方,在制作音画作品和制作个性回复都能运用它带给你的方便和随心所欲,就我在运用中感到的便利,真是妙趣横生。现在总结后介绍给朋友:
一、图片与图片的应用
应用的代码:
<P align=center><IMG title=闲人SGM style="MARGIN: 0px" alt=闲人SGM src="大图片地址"></P> <DIV align=center><IMG title=闲人SGM style="MARGIN-TOP: -180px; DISPLAY: block; MARGIN-LEFT: -300px; TEXT-ALIGN: center" height=70 alt=闲人SGM src="小图片地址" width=80></DIV>
其中红色部分就是定位代码,它的长与宽,定位的数值都要根据图片大小的不同而又所调整,使图片定位在合式的方位。MARGIN-TOP: -180px;是上下定位的数值,负值越大图片越往上,反之往下。MARGIN-LEFT: -300px;是左右定位的数值,负值越大图片越往左,0为正中,正值越大图片越往右。下面的定位原理与此相同。
二、图片与文字的应用
|
应用的代码:
<P align=center><IMG title=闲人SGM style="MARGIN: 0px" alt=闲人SGM src="大图片地址"></P> <P style="MARGIN-TOP: -210px; DISPLAY: block; MARGIN-LEFT: 100px; TEXT-ALIGN: center" align=center> <MARQUEE style="WIDTH: 320px; HEIGHT: 100px" scrollAmount=1 direction=up width=320> <DIV align=center><FONT style="FONT-SIZE: 12pt" face=隶书 color=#ffffff><B>你的文字<BR>你的文字<BR>你的文字<BR>你的文字<BR>你的文字</B></FONT></DIV></MARQUEE></P>
三、图片与fiash的应用
应用的代码:
<P align=center><IMG title=闲人SGM style="MARGIN: 0px" alt=闲人SGM src="大图片地址"></P> <P style="MARGIN-TOP: -250px; DISPLAY: block; MARGIN-LEFT: -10px; TEXT-ALIGN: center" align=center><EMBED src=Flash地址 width=480 height=235 type=application/x-shockwave-flash wmode="transparent" invokeurls="false" allowScriptAccess="never" allowNetworking="internal"></P>
四、文字与文字的应用
应用的代码:
<CENTER style="FONT-SIZE: 35px; COLOR: #00dddd; FONT-STYLE: italic; FONT-FAMILY: Arial Black"><STRONG><FONT face=黑体>闲人SGM欢迎您</FONT></STRONG></CENTER> <CENTER style="MARGIN-TOP: -55px; FONT-SIZE: 35px; MARGIN-LEFT: 5px; COLOR: #0000dd; FONT-STYLE: italic; FONT-FAMILY: Arial Black"><STRONG><FONT face=黑体>闲人SGM欢迎您</FONT></STRONG></CENTER>
五、Flash与文字的应用
应用的代码:
<CENTER><EMBED src=Flash地址 width=500 height=282 type=application/x-shockwave-flash wmode="transparent" invokeurls="false" allowScriptAccess="never" allowNetworking="internal"> <P style="MARGIN-TOP: -150px; DISPLAY: block; MARGIN-LEFT: 100px; TEXT-ALIGN: center" align=center> <MARQUEE style="WIDTH: 320px; HEIGHT: 100px" scrollAmount=1 direction=up width=320> <DIV align=center><FONT style="FONT-SIZE: 12pt" face=隶书 color=#ffffff><B>闲人SGM欢迎您<BR>闲人SGM欢迎您<BR>闲人SGM欢迎您<BR>闲人SGM欢迎您<BR>闲人SGM欢迎您</B></FONT></DIV></MARQUEE></P></CENTER>
六、Flash与Flash的应用
应用的代码:
<CENTER><EMBED src=Flash地址 width=500 height=350 type=application/x-shockwave-flash allowNetworking="internal" allowScriptAccess="never" invokeurls="false" wmode="transparent"> <P style="MARGIN-TOP: -310px; DISPLAY: block; MARGIN-LEFT: 0px; TEXT-ALIGN: center" align=center height="300"><EMBED src=Flash地址 width=380 height=250 type=application/x-shockwave-flash allowNetworking="internal" allowScriptAccess="never" invokeurls="false" wmode="transparent"></P></CENTER>
|
评论