定位代码的灵活应用
根据“和尚”日志由“闲人SGM”改编
实例图片和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;是左右定位的数值，负值越大图片越往左，０为正中，正值越大图片越往右。下面的定位原理与此相同。
二、图片与文字的应用
|
应用的代码：
<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>
相关日志
博客知识技巧篇 制作博客必学教程【汇编】
顶栏图片如何粘贴自己的头像
网易博客添加音乐的方法
透明flash绝对定位代码
图片离边距离定位代码
博客首页模块设置的方法（2010年最新版）
通用日志边框制作代码
透明Flash在图片上的定位技巧【原创】
查看更多>>
点击>> 博客赚钱不是梦 看详细介绍
点击增加您的流量
 
注册中文博客群入口
| 
