.

日志

关于我

寒冬腊月

文章分类

LOFTER精选

八招诀窍，教你实力撩妹 >

网易考拉推荐

多层“边框”的添加方法

2008-05-15 08:57:35| 分类：边框的制作 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

将向博客新手详细解讲制作过程

http://hdly006502.blog.163.com.

撰文：寒冬腊月

多层“边框”的添加方法 - 寒冬腊月 - .

精美的“边框”是用来装扮音画、日志及图片作品的.有了它的装饰你的作品会更加生动、漂亮...

那么,“边框”是如何制作出来的呢?请参见---〖简单"边框"的制作方法〗一文.

点击进入 → 简单"边框"的制作方法

其实,“边框”的种类很多.例如:单层边框、双层边框和多层边框.详细内容请参阅---〖用动、静态图片组合制作"边框"〗一文.

点击进入 → 用动、静态图片组合制作"边框"

不管制作何种边框,前提是你必须熟念撑握边框的制作过程及各代码的表达的含意.这一讲,我将着重讲解多层边框的添加方法.为了更加简单、直观地演示实际操作步骤,以下面六张纯色图片（红、兰、绿、黑、棕和粉红色）来进行各种边框的组合.

下面以六张纯色图片（红、兰、绿、黑、棕和粉红色）来进行各种边框的组合.

多层“边框”的添加方法 - 寒冬腊月 - .

以下是上面六张纯色图片所在的地址,供下面组合边框时使用:

<1>、http://img.blog.163.com/photo/EJ1xcM6FlZxViV5LBOzUpA==/4587197695454206565.jpg

<2>、http://img.blog.163.com/photo/b5mNPcFeLV9NmHN-e97uag==/4587197695454206566.jpg

<3>、http://img.blog.163.com/photo/luVPemTk6-IIPXa41fowYg==/4587197695454206567.jpg

<4>、http://img.blog.163.com/photo/kJVQ_IqDIXf9Sp5GVKOrTQ==/4587197695454206564.jpg

<5>、http://img.blog.163.com/photo/e2bf7PI3jjrPc-qoDJWEEg==/4587197695454206568.jpg

<6>、http://img.blog.163.com/photo/Fc0mNDyyrIV7mV_NJ6X6Yg==/4587197695454206569.jpg

典型的二层边框代码,由上面的红、兰图片组成

原始代码如下:

具体操作步骤如下:

<1>、先看它的原始代码（见上面虚线方框内的代码）,

得到的效果图如下:

寒冬腊月

<2>、如果此时,你想要一个三层的边框.只需将下面的这段代码加入到原始代码中的粉红色与绿色代码之间即可;

<TABLE cellSpacing=10 width=600 background=在此处,加上需要添加的图片地址 border=0>
<TBODY>
<TR>
<TD>

<3>、例如要把绿色图片加入二层边框中变成一个三层边框,先把绿色图片地址放进<2>代码中.该代码变为:

<TABLE cellSpacing=10 width=600 background=http://img.blog.163.com/photo/luVPemTk6-IIPXa41fowYg==/4587197695454206567.jpg border=0>
<TBODY>
<TR>
<TD>

<4>、再复制<3>的代码,把它放到上述虚线方框中的原始代码中的粉红色与绿色代码之间.再复制全部代码后,贴粘贴进代码框内即可得到如下三层边框效果图; ◇(可参见-〖如何将代码放进代码文本框〗一文.)

点击进入 → 如何将代码放进代码"文本框"

三层边框效果图如下:

填写内容

<5>、如果再想制作四、五层或更多层边框,只需重复<2>、<3>、<4>步骤并选好图片素材,将图片地址替换一下即可.

附:一个六层边框效果图如下:(它是我所提供的六张纯色图片组合成的)

填写内容

<6>、通过实际操之后,你可根据不同需求制作出各式的组合边框. 注:动、静态图片的组合方法完全和它相同.详细内容,请参见--〖用动、静态图片组合制作"边框"〗一文.

点击进入 → 用动、静态图片组合制作"边框"

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_084070080082086071086085080095080095081066086084080064',
              blogTitle:'多层“边框”的添加方法',
              blogAbstract:'  <TABLE title=\"寒冬腊月编制/请勿篡改！更多精彩,登陆:http://hdly006502.blog.163.com.\"  cellSpacing=\"25\"  cellPadding=\"0\"  width=\"706\"  background=\"http://img.ph.126.net/5yJ-Ni3lfGXOJPxwyCV4ug==/2316257583352726242.jpg\"  border=\"0\"  \>  <TBODY\>  <TR\>  <TD\>  <P\> </P\></TD\>  <TD\>  <P\></P\></TD\></TR\></TABLE\>  <TABLE title=\"寒冬腊月编制/请勿篡改！更多精彩,登陆:http://hdly006502.blog.163.com.\"  width=\"706\"  background=\"http://img.ph.126.net/5yJ-Ni3lfGXOJPxwyCV4ug==/2316257583352726242.jpg\"  \>  <TBODY\>  <TR\>  <TD\>  <TABLE title=\"寒冬腊月编制/请勿篡改！更多精彩,登陆:http://hdly006502.blog.163.com.\"  borderColor=\"#0066cc\"  cellSpacing=\"0\"  cellPadding=\"0\"  width=\"660\"  align=\"center\"  bgColor=\"#4f94cd\"  background=\"http://img845.ph.126.net/sobYt4k6k3D6ywzrvenYlA==/911134499613986023.gif\"  border=\"1\"  \>  <TBODY\>  <TR\>  <TD\>  <P\><FONT face=\"幼圆\"  size=\"4\"  \>     </FONT\></P\></TD\></TR\></TABLE\></TD\></TR\></TABLE\>',
              blogTag:'',
              blogUrl:'blog/static/49012263200841585735706',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1316976994214,
              publishTime:1210813055706,
              permalink:'blog/static/49012263200841585735706',
              commentCount:11,
              mainCommentCount:11,
              recommendCount:2,
              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:false,
              hostIntro:'',
              hmcon:'0',
              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/49012263200841585735706">${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 - 订阅此博客

.

导航

日志

多层“边框”的添加方法

历史上的今天

最近读者

热度

评论

页脚