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

走近太平洋

感悟生命真谛

 
 
 

日志

 
 

【引用】定位代码的灵活运用(原创)  

2011-04-05 04:53:20|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

定位代码的灵活运用
 
style="MARGIN-TOP: -150px; DISPLAY: block; MARGIN-LEFT: 30px; TEXT-ALIGN: center" height="280"

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

图片与图片的运用
定位代码的灵活运用(原创) - 和尚 - 和尚博客 定位代码的灵活运用(原创) - 和尚 - 和尚博客

 

运用的代码:

<DIV align=center><IMG WIDTH: 500px; HEIGHT: 360px" height=360 src="http://img535.photo.163.com/kGI8IVEocOy6TC9v1J1eqw==/2619406133269836188.jpg" width=500 border=5 borderColor="#00fa9a"> <IMG style="MARGIN-TOP: -180px; DISPLAY: block; MARGIN-LEFT: -300px; TEXT-ALIGN: center" height=180 src="http://img841.photo.163.com/MXkkvAp1AzfpEqzZEs6U4A==/799670408835996424.jpg" width=120>

  其中红色部分就是定位代码,它的长与宽,定位的数值都要根据图片大小的不同而又所调整,使图片定位在合式的方位。MARGIN-TOP: -180px;是上下定位的数值,负值越大图片越往上,反之往下。MARGIN-LEFT: -300px;是左右定位的数值,负值越大图片越往左,0为正中,正值越大图片越往右。下面的定位原理与此相同。

图片与文字的运用

定位代码的灵活运用(原创) - 和尚 - 和尚博客

温馨家庭情更浓,
朋友往来暖融融,
夫唱妇随互交流,
欢欢喜喜乐无穷。

运用的代码:

<DIV align=center><IMG height=360 src="http://img850.photo.163.com/VDMtvmRcogNZvTBYVki2Zg==/2707226326003539026.jpg" width=500 border=5 WIDTH: borderColor="#00fa9a" HEIGHT: 360px? 500px;> </DIV>
<P style="MARGIN-TOP: -150px; DISPLAY: block; MARGIN-LEFT: 250px; TEXT-ALIGN: center" align=center height="300">
<MARQUEE scrollAmount=3 direction=up width=420>
<P align=center><FONT style="FONT-SIZE: 25pt" face=隶书 color=#ff69b4><B>温馨家庭情更浓,<BR>朋友往来暖融融,<BR>夫唱妇随互交流,<BR>欢欢喜喜乐无穷。</B></FONT></P></MARQUEE></P>

图片与fiash的运用

定位代码的灵活运用(原创) - 和尚 - 和尚博客

运用的代码:

<DIV align=center><IMG height=360 src="http://img857.photo.163.com/kmUomM3I1xoAPP0DOicinA==/2781254244878262905.jpg" width=500 border=5 WIDTH: 500px; 360px? HEIGHT: borderColor="#00fa9a">
<P style="MARGIN-TOP: -400px; DISPLAY: block; MARGIN-LEFT: 0px; TEXT-ALIGN: center" align=center height="300"><EMBED style="DISPLAY: inline; WIDTH: 600px; HEIGHT: 500px" src=http://ftp5.ohpy.com/up/elbbs/2007/02/18/5814/1171806418/nab-dde.swf width=600 height=500 type=application/x-shockwave-flash wmode="transparent" allowNetworking="internal" allowScriptAccess="never"> </P>

文字与文字的运用

  和尚的话:我引用图片定位技术制作了今天的几幅图,以便朋友欣赏和学习!
  和尚的话:我引用图片定位技术制作了今天的几幅图,以便朋友欣赏和学习!

 定位代码的灵活运用(原创) - 和尚 - 和尚博客

  和尚的话:我引用图片定位技术制作了今天的几幅图,以便朋友欣赏和学习!
  和尚的话:我引用图片定位技术制作了今天的几幅图,以便朋友欣赏和学习!

 定位代码的灵活运用(原创) - 和尚 - 和尚博客

运用的代码:

<CENTER style="FONT-SIZE: 35px; COLOR: #ffff00; FONT-STYLE: italic; FONT-FAMILY: Arial Black">  <STRONG><FONT face=黑体>和尚的话:我引用图片定位技术制作了今天的几幅图,以便朋友欣赏和学习!</FONT></STRONG></CENTER>
<CENTER style="MARGIN-TOP: -110px; FONT-SIZE: 35px; MARGIN-LEFT: 8px; COLOR: #ff7f50; FONT-STYLE: italic; FONT-FAMILY: Arial Black">  <STRONG><FONT face=黑体>和尚的话:我引用图片定位技术制作了今天的几幅图,以便朋友欣赏和学习!</FONT></STRONG></CENTER>

fiash与fiash的运用

运用的代码:

<CENTER><EMBED src=http://flash.bdchina.com/flash/flash/ysmllh74036.swf width=500 height=380 wmode="transparent" type=application/x-shockwave-flash>
<P style="MARGIN-TOP: -400px; DISPLAY: block; MARGIN-LEFT: 0px; TEXT-ALIGN: center" align=center height="300"><EMBED style="DISPLAY: inline; WIDTH: 600px; HEIGHT: 500px" src=http://ftp5.ohpy.com/up/elbbs/2007/02/18/5814/1171806418/nab-dde.swf width=600 height=500 type=application/x-shockwave-flash wmode="transparent" allowNetworking="internal" allowScriptAccess="never">
</EMBED></DIV></CENTER>

 

作者:和尚

2009年1月6日

  评论这张
 
阅读(17)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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