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

美丽伊甸园

maizi欢迎您

 
 
 

日志

 
 

在一张背景图片上定位加入flash   

2010-01-30 20:47:11|  分类: flash欣赏 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

在一张背景图片上定位加入flash

 

    一些朋友喜欢用一张美丽的大图片做帖子的背景图片,并喜欢加入透明flash做点缀修饰~~一般情况下,只要加入flash后,帖子的效果就很好看的~~可某些情况下,需要结合图片定位加入flash~~这个时候,可以应用代码定位加入flash的~~

<DIV style="LEFT: -235px; WIDTH: 980px; POSITION: relative; TOP: 0px"> <TABLE style="BORDER-LEFT-COLOR: #f13c96; BORDER-BOTTOM-COLOR: #f13c96; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #f13c96; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #f13c96; BORDER-BOTTOM-STYLE: ridge" height=750 cellSpacing=0 cellPadding=0 width="100%" background=http://bbs.680.cn/UploadFile/2005-7/2005724221713316.jpg border=14> <TBODY> <TR> <TD> <DIV align=center> <TABLE cellSpacing=15 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD width="33%"><EMBED src=http://imgfree.21cn.com/free/flash/58.swf width=300 height=130 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"> <P></P></TD> <CENTER> <TD width="33%"></TD> <TD width="34%"><EMBED src=http://imgfree.21cn.com/free/flash/58.swf width=300 height=130 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"> <P></P></TD></TR> <TR> <TD width="33%"><EMBED src=http://imgfree.21cn.com/free/flash/58.swf width=300 height=130 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"> <P></P></TD> <TD width="33%"><EMBED src=http://imgfree.21cn.com/free/flash/58.swf width=300 height=130 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"> <P></P></TD> <TD width="34%"><EMBED src=http://imgfree.21cn.com/free/flash/58.swf width=300 height=130 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"> <P></P></TD></TR></CENTER> <TR> <TD width="33%"><EMBED src=http://imgfree.21cn.com/free/flash/58.swf width=300 height=130 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"> <P></P></TD> <CENTER> <TD width="33%"></TD> <TD width="34%"><EMBED src=http://imgfree.21cn.com/free/flash/58.swf width=300 height=130 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"> <P></P></TD></TR></TBODY></TABLE></DIV> <P align=center>  </P></CENTER> <DIV></DIV></TD></TR></TBODY></TABLE></DIV>

我们来看看这个帖子的代码~~~ 可以看出:中间的部分做了九等分定位~~ 即上左,上中,上右~~ 中左,中中,中右~~ 下左,下中,下右~~~ 其中,上中和下中没有添加flash内容~~~ 显示色彩的部分是分区定位的代码~~ 三种颜色是三行~~~即我前面说的上,中,下三部分~~~ 看上部:又分三等分,分别为33%,33%,34%~~~其中中间的33%空置~~~没有加入flash~~ 中部:亦三等份,分别为33%,33%,34%~~~均加入flash~~~ 看下部:也是分别为33%,33%,34%的分配比例~~其中中间的33%空置~~~没有加入flash~~

 

在一张背景图片上定位加入flash  - 麦子 - 美丽伊甸园

 

 

 

 

 

引用

闲人SGM 的 在大图片上贴小图片和flash的技巧

       用一张美丽的大图片做背景图片,在上面贴上动态小图片(或你的头像),加入一些透明flash做点缀修饰,你一定会觉得更有意义,但你必须在背景图片上给小图片和flash定位,下面的图就是定位后的效果,供朋友们在做图的时候参考!


 

一、贴了小图片和flash定位后的效果:

   

 

   

 在一张背景图片上定位加入flash  - 麦子 - 美丽伊甸园 在一张背景图片上定位加入flash  - 麦子 - 美丽伊甸园 在一张背景图片上定位加入flash  - 麦子 - 美丽伊甸园

二、代码:

<P align=center>

<TABLE style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid" height=385 cellSpacing=0 cellPadding=0 width=599 background=背景图片地址 border=0>

<TBODY>

<TR>

<TD width="50%">

<EMBED src=Flash地址 height=180 type=application/x-shockwave-flash loop="0" autostart="0" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"></EMBED> </TD>

<TD width="50%">

<EMBED align=right src=Flash地址 height=180 type=application/x-shockwave-flash loop="0" autostart="0" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"></EMBED> </TD></TR>

<TR>

<TD width="50%">

<EMBED align=left src=Flash地址 width=200 height=80 type=application/x-shockwave-flash loop="0" autostart="0" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"></EMBED> </TD>

<TD width="50%">

<IMG src="小图片地址 " width=50 align=center></TD></TR>

</TBODY></TABLE></P>


 

三、代码说明:

1、在这幅图上,使用了表格作为容器,把小图片和透明Flash分别“装”到表格里,也就定了位。上图为了让博友能看得明白,仅分了四格,左右,上下。在每一格可以放入一个或多个Flash,当然,你也可以不放。上图就是在右下角表格里,放入了三个小图片的效果。

2、你可以按需要多分几格。

3、图片地址 你可以替换,小图片一般选无背景的图片。

 

 


 

 

在一张背景图片上定位加入flash  - 麦子 - 美丽伊甸园


一、flash定位后的效果:

   
   

 

 

 

 

 

二、图片分成四格示意:

   
   

 

 

 

 

三、代码:

<P align=center>
<TABLE style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid" height=526 cellSpacing=0 cellPadding=0 width=600 background=背景图片地址 border=0>
<TBODY>
<TR>
<TD width="50%"><EMBED style="DISPLAY: block" src=http://imgfree.21cn.com/free/flash/3.swf height=180 type=application/x-shockwave-flash wmode="transparent" autostart="0" loop="0" allowNetworking="internal" allowScriptAccess="never"></EMBED> </TD>
<TD width="50%">&nbsp;<EMBED style="DISPLAY: block" align=left src=http://www.wosowoso.com/flash/11/2/woso7_flash_3.swf height=180 type=application/x-shockwave-flash wmode="transparent" autostart="0" loop="0" allowNetworking="internal" allowScriptAccess="never"></EMBED> </TD></TR>
<TR>
<TD width="50%"><EMBED style="DISPLAY: block" align=left src=http://www.xcwhw.cn/fla/a/51.swf width=100 height=130 type=application/x-shockwave-flash wmode="transparent" autostart="0" loop="0" allowNetworking="internal" allowScriptAccess="never"></EMBED> </TD>
<TD width="50%"><EMBED style="DISPLAY: block" align=right src=http://imgfree.21cn.com/free/flash/9.swf height=100 type=application/x-shockwave-flash wmode="transparent" autostart="0" loop="0" allowNetworking="internal" allowScriptAccess="never"></EMBED>
<EMBED style="DISPLAY: block" align=right src=http://www.blog286.com/upfile/flash/071104/18.swf width=300 height=100 type=application/x-shockwave-flash wmode="transparent" autostart="0" loop="0" allowNetworking="internal" allowScriptAccess="never"></EMBED> </TD>

</TR></TBODY></TABLE></P>


四、代码说明:

1、透明Flash的定位,其实是使用了表格作为容器,把Flash“装”到表格里。为了让博友能看得明白,上图仅分了四格,左右,上下。在每一格可以放入一个或多个Flash,当然,你也可以不放。上图就是在右下角表格里,放入了两个Flash的效果。

2、红色的是上面左面一格,蓝色的是上面右面一格。你可以以此类推,按需要多分几格。

如:上面一行要做三格的话,你可以复制红色的代码,插入红蓝之间,

       如果要做3行的话,该怎么加呢?你可以复制红色的代码和蓝色的代码,插入蓝色的下面!

3、background=背景图片地址 蓝色部分是图片地址,你可以替换。

 

  评论这张
 
阅读(184)| 评论(3)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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