登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

.

 
 
 

日志

 
 

定位代码的灵活应用  

2015-06-15 16:01:19|  分类: 【代码应用】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

定位代码的灵活应用

实例图片和Flash素材:

 

闲人SGM

 

定 位 代 码:

style="MARGIN-TOP: -150px; DISPLAY: block; MARGIN-LEFT: 30px; TEXT-ALIGN: center"

<DIV style="MARGIN-TOP: -250px; MARGIN-LEFT: 20px"></DIV>


  定位代码可以运用到很多地方,在制作音画作品和制作个性回复都能运用它带给你的方便和随心所欲,就我在运用中感到的便利,真是妙趣横生。现在总结后介绍给朋友:

一、图片与图片的应用

闲人SGM


应用的代码:

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

 

四、文字与文字的应用

闲人SGM欢迎您
闲人SGM欢迎您
休闲乐园--知识的海洋
休闲乐园--知识的海洋

 应用的代码:

<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与文字的应用

闲人SGM欢迎您
闲人SGM欢迎您
闲人SGM欢迎您
闲人SGM欢迎您
闲人SGM欢迎您



应用的代码:

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

 

 

  评论这张
 
阅读(22)| 评论(0)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018