浪漫岛，心故事

待我长发及腰，待你青丝绾正，笑看君怀她笑颜。

日志

关于我

蔻荞

世间万物~~唯有美食与爱不可辜负~~

文章分类

【转载】单层分割式边框制作方法

2014-09-16 00:47:52| 分类：默认分类 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

单层分割式边框制作方法

编辑：山间溪流

透明艺术花边集锦 - 山间溪流 - 　　山间溪流的休闲屋

　　

一：什么是单层分割式背景边框？

　　单层分割式背景边框包含以下几层意思：

　　1：它是由一层图片制成的边框；

　　2：它是把一幅构图完整的背景边框分割成三部分来制作的；

　　3：只有中间的横幅用代码制作，上下两部分不进行制作；

　　4：它是将三部分拼接而成的，只有中间的部分可以纵向延伸,可以写文章。

　　实际上，这种边框中间的部分就是一幅单层简约式边框，只是再将上下两部分复制粘贴上合成了一幅完整的背景边框。

　二：单层分割式边框的制作方法

　　单层分割式边框的制作步骤如下：

　　1：首先自己制作一幅背景边框图片，或选择一幅现成的边框图片，如下图：

图一：整图

2：将上图分割在三部分如下：

图2：上部

图3：中部

图4：下部

3：将中间的部分的图片地址复制到如下的边框代码中：

<TABLE cellSpacing=0 cellPadding=0 width=740 background=边框图片地址border=0>
<TBODY>
<TR>
<TD width=740>

4：将填好地址的代码复制粘贴到日志编辑框中进行操作显示出的图片就是一幅简约式的背景边框；

5：将上下两部分与制作好的中间部分进行拼接就“OK”了。

　　

　　以上就是单层分割式背景边框的制作方法。需要说明的是，这种边框虽然能制作出各种完整图形的边框，但制作比较麻烦，如果对制作不感兴趣，用现成的就是了。

溪流博客精品典藏	山间溪流图书总库	中外精品图书宝库	山间溪流原创文集
中国现代文学精品	外国经典文学精品	中国古典文学宝典	中外儿童文学宝典
中国名家散文精选	中国名家诗歌精选	外国名家散文精选	外国名家诗歌精选
中国诗歌音画朗诵	中国散文音画朗诵	古典名篇音画朗诵	外国诗文配乐朗诵
影视歌曲音画欣赏	流行经典歌曲欣赏	优美民乐音画欣赏	中国民歌音画欣赏
中外名家诗文朗诵	中外精品音乐欣赏	音画艺术精品宝典	外国经典音乐欣赏
摄影照片处理技巧	GIF动画制作教程	精美图文艺术作品	五彩缤纷精美图库
生活百科知识宝典	博客知识技巧宝典	PS 学习教程汇编	养生保健知识宝典
日志背景边框大全	实用素材代码大全	文学欣赏写作知识	管理励志成功宝典

评论这张

转发至微博

阅读(40)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087071093094084068085080087070072087089070081083083070084081',
              blogTitle:'【转载】单层分割式边框制作方法',
              blogAbstract:'  <p dir=\"ltr\"   style=\"MARGIN-RIGHT: 0px;\"   align=\"center\"   \> </p\>  <p align=\"center\"   \>  <table title=\"山间溪流编辑\"   bordercolor=\"#000000\"   cellspacing=\"50\"   cellpadding=\"0\"   width=\"800\"   bgcolor=\"#130c0e\"   background=\"http://img775.ph.126.net/0749jCMOq1FHSx9p4TgmIw==/4843339924260413545.jpg\"   border=\"0\"   \>  <tbody\>  <tr\>  <td width=\"100%\"   \>  <table bordercolor=\"#77787b\"   cellspacing=\"5\"   cellpadding=\"5\"   width=\"700\"   align=\"center\"   bgcolor=\"#e0e0e0\"   border=\"10\"   \>  <tbody\>  <tr\>  <td width=\"100%\"   \>  <p dir=\"ltr\"   style=\"MARGIN-RIGHT: 0px;\"   align=\"center\"   \><font color=\"#c0c0c0\"   \> </font\></p\>  <p dir=\"ltr\"   style=\"MARGIN-RIGHT: 0px;\"   align=\"center\"   \><span style=\"FONT-SIZE: 18pt;\"   \><strong\><font color=\"#800000\"   \>单层分割式边框制作方法</font\></strong\></span\></p\></td\></tr\></table\></td\></tr\></table\></p\>',
              blogTag:'',
              blogUrl:'blog/static/185555507201481604752136',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:0,
              publishTime:1410799672136,
              permalink:'blog/static/185555507201481604752136',
              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: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/185555507201481604752136">${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 - 订阅此博客

浪漫岛，心故事

导航

日志

【转载】单层分割式边框制作方法

历史上的今天

最近读者

热度

评论

页脚