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

冰の雪儿

修养如书,精彩其内;修养如乐,怡情无声。

 
 
 

日志

 
 

【flash 代码】快速学会制作边框+图上加flash 代码  

2013-04-26 20:27:48|  分类: 代码应用 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 精美日志模板(二) - 烟紫 -

                       精美日志模板(二) - 烟紫 -  

 

 

  精美日志模板(二) - 烟紫 -

 

一、张背景图片上定位加入flash的完整代码:

<P align=center>
<TABLE style="LEFT: 0px; WIDTH: 800px; TOP: 0px" height=728 borderColor=#ff0000 cellSpacing=0 borderColorLight=#ffff00 cellPadding=0  width=900 background=图片地址 border=0>
<TBODY>
<TR>
<TD width="33%"><EMBED align=right src=flash地址 width=200 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 上左 allowNetworking="internal" allowScriptAccess="never"> </TD>
<TD width="33%"><EMBED align=right src=flash地址 width=200 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 上中 allowNetworking="internal" allowScriptAccess="never"> </TD>
<TD width="34%"><EMBED align=right src=flash地址 width=280 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 上右 allowNetworking="internal" allowScriptAccess="never"> </TD>
<TR>
<TD width="33%"><EMBED align=right src=flash地址 width=200 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 中左 allowNetworking="internal" allowScriptAccess="never"> </TD>
<TD width="33%"><EMBED align=right src=flash地址 width=200 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 中中 allowNetworking="internal" allowScriptAccess="never"><EMBED align=right src=flash地址 width=200 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 中中 allowNetworking="internal" allowScriptAccess="never"> </TD>这里添加了两层。
<TD width="33%"><EMBED align=right src=flash地址 width=280 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 中右 allowNetworking="internal" allowScriptAccess="never"> </TD>
<TR>
<TD width="33%"><EMBED align=right src=flash地址 width=260 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 下左 allowNetworking="internal" allowScriptAccess="never"><EMBED align=right src=flash地址 width=260 height=160 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 下左 allowNetworking="internal" allowScriptAccess="never"> </TD>这里添加了两层。
<TD width="33%"><EMBED align=right src=flash地址 width=280 height=200 type=application/x-shockwave-
flash wmode="transparent" menu="false" quality="high" 下中 allowNetworking="internal" allowScriptAccess="never"><EMBED align=right src=flash地址 width=260 height=80 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 下中 allowNetworking="internal" allowScriptAccess="never"> </TD>这里添加了两层。
<TD width="34%"><EMBED align=right src=flash地址 width=280 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 下右 allowNetworking="internal" allowScriptAccess="never"> </TD></TR></TR></TR></TBODY></TABLE>

 

精美日志模板(二) - 烟紫 - .

                 

二、给flash定位的具体位置:

  1)、位置。

       我把背景图片(包括flash背景图片)从横向、纵向按上、中、下,左、中、右都平均分成三等份,既是三个区域,每个等份(区域)又分成三个小方形边框(表格),共9个小方形边框(表格)。这9个小方形边框(表格)就是固定flash的边框(表格)("容器")。大家看到了我用粉红色标注的上左、上中、上右;中左、中中、中右;下左、下中、下右。是以横向排列说明的,也是方便我们输入flash地址,便于我们记忆。

  2)、每个小方形边框(表格)的大小:

        每个小方形边框(表格)的大小也既是每一个flash的大小,就是它们的宽、高。大家需要注意的是:一定要根据背景图片的宽、高进行设置。其方法就是:把背景图片的宽,平均分成三等份,就是每一个flash的宽,把背景图片的高,同样平均分成三等份,就是每一个flash的高了。比如:我下面演示效果的背景图片的宽是780,那么每一个flash的宽就是260;背景图片的高是720,那么每一个flash的高就是240。这样设置,每一个flash就不会变形。

五、被定位的flash的层数:

         9个小方形边框(表格)里面的flash需要几层flash?这可根据你要表现的日志内容和你的喜好而自己定夺,想添几层你就添几层,但一定不要忘了在每层flash里添加align=right居右这个代码,否则flash就变形。

 

精美日志模板(二) - 烟紫 - .

 

图片长卷链接代码:

<DIV align=center>

<MARQUEE scrollAmount=3 scrollDelay=30 behavior=alternate BORDER="0" TURESPEED="true"><IMG src="图片地址1" border=0><IMG src="图片地址2" border=0><IMG src="图片地址3" border=0><IMG src="图片地址4" border=0><IMG src="图片地址5" border=0></MARQUEE></DIV>

 

精美日志模板(二) - 烟紫 - .

 

分割大图音画代码:(不加动画)

======================================(第一种)

<P><WBR><IMG id=photo_src src="第一张图片地址"><IMG id=photo_src src="第二张图片地址"><IMG id=photo_src src="第三张图片地址"><IMG id=photo_src src="第四张图片地址"><IMG id=photo_src src="第五张图片地址"><IMG id=photo_src src="第六张图片地址"><IMG id=photo_src src="第七张图片地址"><IMG id=photo_src src="第八张图片地址"><IMG id=photo_src src="第九张图片地址"><IMG id=photo_src src="第十张图片地址"></P>

======================================(第二种)

<TABLE borderColor=#cccccc height=高度 cellSpacing=0 cellPadding=0 width=宽度 background=图片地址(第一张) border=0>
<TBODY>
<TR>
<TD><BR></TD></TR></TBODY></TABLE>

<TABLE borderColor=#cccccc height=高度 cellSpacing=0 cellPadding=0 width=宽度 background=图片地址(第二张) border=0>
<TBODY>
<TR>
<TD><BR></TD></TR></TBODY></TABLE>

。(分割几张图片就加几层,方法一样)

 

 

精美日志模板(二) - 烟紫 - .

 

 

分割大图音画+FLASH代码:

======================================

<P align=center>&nbsp;</P>
<TABLE borderColor=#cccccc height=高度 cellSpacing=0 cellPadding=0 width=宽度 background=图片地址(第一张) border=0>
<TBODY>
<TR>
<TD><EMBED src=http://xzxnl1.blog.enorth.com.cn/attachment/flash/224794.swf width=780 height=500 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" allowNetworking="internal" allowScriptAccess="never"></TD></TR></TBODY></TABLE> 
   (第一层动画)

<TABLE borderColor=#cccccc height=高度 cellSpacing=0 cellPadding=0 width=宽度 background=图片地址(第二张) border=0>
<TBODY>
<TR>
<TD><EMBED src=http://www.xmsogo.com/bbsswf/flswf/plant/043.swf width=580 height=500 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" allowNetworking="internal" allowScriptAccess="never"></TD></TR></TBODY></TABLE>    (第二层动画)

。( N层图片和动画,加的方法一样 )

<TABLE borderColor=#cccccc height=高度 cellSpacing=0 cellPadding=0 width=宽度 background=图片地址(第N张) border=0> &13;&10;>
<TBODY>
<TR>
<TD><EMBED align=right src=http://podmedia.imhb.cn/uploadpodmedia/2008/7/10/2008071023077_71466.swf width=550 height=225 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"></TD></TR></TBODY></TABLE>

加入音乐

<EMBED align=right src=http://www.chnmus.net/admin/upload_file/file/2008-10/1224952953015.swf width=1 height=1 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never">

<FONT face=仿宋_GB2312 size=4><B><FONT color=#ff8000>插入文字</FONT></B></FONT>

 

 精美日志模板(二) - 烟紫 - .

  

快速学会制作边框

 

<TABLE style="LEFT: -10px; WIDTH: 900px; POSITION: relative; TOP: 0px" cellSpacing=50 cellPadding=0  background=第一层边框图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" background=第二层边框图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" background=第三层边框图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" background=第四层边框图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" background=第五层边框图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" background=第六层边框图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" background=第七层边框图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" background=第八层边框图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" background=第九层边框图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<P align=center>&nbsp;</P>

<P align=center>&nbsp;</P>
<P align=center>&nbsp;</P>
<P></P></TABLE>

  

精美日志模板(二) - 烟紫 - .

 

二层超简易的日志边框制作代码:

<P style="TEXT-INDENT: 2em">
<TABLE cellSpacing=20 cellPadding=20 width="100%" align=center background=http://img.ph.126.net/spLZ3H-M6pItljWZ7U4C_g==/3289035102864586120.jpg (换上边框第一层背景)border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=4 cellPadding=4 width="100%" background=http://img.ph.126.net/yOi6OZAtuPiP0DCFwH2pcA==/3289035102864586124.jpg (边框第二层)border=1>
<TBODY>
<TR>
<TD>
<P>文字</P>
<P>&nbsp;</P></TD></TR></TBODY></TABLE></TD></TR></TBODY>
<P></P></P>

 背景地址是用鼠标右击图片-点属性-复制.jpg ,这适合各种边框的制作,无限制的,

 

精美日志模板(二) - 烟紫 - .

      

         把上面代码复制,在日志编辑<>中粘贴,然后把两个红色背景地址换上自已喜欢的背景地址,显示效果如下:  

 

 

 

 

文章标题

 

 

 

 

 

 

 

         简单边框+图片羽化+透明FLASH代码

 

         为了使大家便于操作,特把图片羽化+透明FLASH代码用颜色区分开来,这样大家就知道了具体

加的位置(淡蓝一段代码就是图片羽化+透明FLASH代码,修改图片地址,图的高度和宽度,动画地址、动画高度和宽度)这是做了二层特效的代码,朋友们直接复制加在日志<>中,把下面有“红色标记”和“梅红色标记”的换成自已喜欢的图片和动画地址就OK了,熟能生巧,多做几次就会了,代码通用,只于内涵就由大家自已去发挥了。

 

精美日志模板(二) - 烟紫 - .

 

<TABLE cellSpacing=20 cellPadding=20 width="100%" align=center background=(第一层外框地址) border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=4 cellPadding=4 width="100%
" background=(第二层边框地址)
border=1>
<TBODY>
<TR>
<TD>
<P>&nbsp;</P>
<P align=center>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=600
(羽化图片宽度,跟据图片大小修改前面数值) background=http://img311.ph.126.net/LSyuJnQRYytrfxvX1hJ-cA==/3808074959918507253.jpg(羽化图片地址) height=362
(羽化图片高度,跟据图片高度修改前面数值) B><FONT size=5>
<P align=center><EMBED align=center src=http://webftp.bbs.hnol.net/xryl/flash/75.swf(透明动画地址) width=500(动画高度跟据图片大小修改前面数值) height=362(动画宽度,跟据图片高度修改前面数值) type=application/x-shockwave-flash <P allowScriptAccess="never" quality="high" invokeURLs="false" wmode="transparent">
<FONT face="Arial Narrow" color=#800080 size=2>&nbsp;</FONT></P>
<P><FONT face="Arial Narrow" size=2>&nbsp;</FONT></P>
<P><FONT face="Arial Narrow" size=2>&nbsp;</FONT></P></FONT></TD></TR></TBODY></TABLE></P>
<P align=center><FONT size=4>文章标题</FONT></P>
<P align=center><FONT size=4>简单边框+图片羽化+透明FLASH代码,朋友们直接复制加在日志&lt;&gt;中就OK了。</FONT></P>
<P align=center>&nbsp;</P>
<P align=center>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=600(羽化图片宽度,跟据图片大小修改前面数值) background=http://img311.ph.126.net/LSyuJnQRYytrfxvX1hJ-cA==/3808074959918507253.jpg(羽化图片地址) height=362(羽化图片高度,跟据图片高度修改前面数值) B><FONT size=5>
<P align=center><EMBED align=center src=http://webftp.bbs.hnol.net/xryl/flash/75.swf(透明动画地址) width=500(动画高度跟据图片大小修改前面数值) height=362(动画宽度,跟据图片高度修改前面数值) type=application/x-shockwave-flash <P allowScriptAccess="never" quality="high" invokeURLs="false" wmode="transparent">
<FONT face="Arial Narrow" color=#800080 size=2>&nbsp;</FONT></P>
<P>&nbsp;</P>

<P>&nbsp;</P>
<P>&nbsp;</P></FONT></TD></TR></TBODY>

精美日志模板(二) - 烟紫 - .
  评论这张
 
阅读(15)| 评论(4)
推荐 转载

历史上的今天

评论

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

页脚

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