邓吾佳的个性小屋

小屋陋而不俗，实而不浮，取之有法，学之有章。

日志

关于我

邓吾佳

我是一盏路灯,我的最亮是为他人更明。

文章分类

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

2010-08-09 19:04:48| 分类：博客制作 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自梅梅《快速学会制作边框+图上加flash 代码》

引用

梅梅的引用快速学会制作边框+图上加flash 代码

                     图片上加FLASH

一、张背景图片上定位加入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就变形。

分割大图音画+FLASH代码:

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

<P align=center> </P>
<TABLE borderColor=#cccccc height=500 cellSpacing=0 cellPadding=0 width=780 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=500 cellSpacing=0 cellPadding=0 width=780 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>

。

。

。

<TABLE borderColor=#cccccc height=500 cellSpacing=0 cellPadding=0 width=780 background=图片地址 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: -120px; WIDTH: 1000px; POSITION: relative; TOP: 0px" cellSpacing=40 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> </P>
<P align=center> </P>
<P align=center> </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> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY>
<P></P></P>

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

做好边框后，然后打上文字，确定发表就OK了，试试！！！

背景地址是用鼠标右击图片－点属性－复制.jpeg格式的

评论这张

转发至微博

阅读(102)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_081064087082081070080080080095086095082071082080086065',
              blogTitle:'快速学会制作边框+图上加flash 代码',
              blogAbstract:'<P\> </P\>\r\n<P\><EM\>引用</EM\></P\>\r\n<BLOCKQUOTE\><A href=\"http://bohuamei.blog.163.com/\" target=_blank\>梅梅</A\> 的 <A href=\"http://bohuamei.blog.163.com/blog/static/9036403420107993531814\" target=_blank\>引用 快速学会制作边框+图上加flash 代码</A\><BR\>\r\n<P\><BR\>\r\n<TABLE style=\"WIDTH: 829px; HEIGHT: 0px;\" border=1 cellSpacing=30 borderColorLight=#506888 borderColorDark=#1a222e cellPadding=0 width=829 background=http://img.blog.163.com/photo/0Y2T3suAN5hgW1_DT7fr9A==/306807724615013078.jpg; align=center\>\r\n<TBODY\>\r\n<TR\>\r\n<TD background=http://img.blog.163.com/photo/g9P_YriH_sXBSSclwi82sg==/4282641770652958017.jpg; width=\"100%\"\>\r\n</TD\></TR\></TABLE\></P\></BLOCKQUOTE\>',
              blogTag:'',
              blogUrl:'blog/static/293466022010797448372',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:0,
              publishTime:1281351888372,
              permalink:'blog/static/293466022010797448372',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:true,
              hostIntro:'我是一盏路灯,我的最亮是为他人更明。',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/293466022010797448372">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

邓吾佳的个性小屋

导航

日志

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

历史上的今天

最近读者

热度

评论

页脚