【一生相伴】的博客

————寻觅心中的那片天空！

日志

关于我

一生相伴

文章分类

【转载】通用日志边框制作代码

2012-12-10 22:28:03| 分类：【引用】他山之石 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自闲人SGM《通用日志边框制作代码》

日志边框制作代码

由闲人SGM原创

（进入网易最大的图片素材库，获取背景图片）

本代码由“闲人SGM”原创，与众不同的特点是：能根据您日志宽或窄幅版面显示的设置，自动适应。

下面的现成日志边框代码，最适合窄幅版面显示的博友，对宽幅版面显示的博友，只要把最外层的代码 cellSpacing=30 ，其数值30，按你的爱好改为60或更宽，将获得更美的视觉效果哦。

本代码同样适合喜欢固定宽幅的博友，更改最外层代码width="100%"中的100% 为650或更宽，按你自己的喜好尽情发挥吧。

网易最大的图库素材

最简洁、实用的日志背景边框制作代码（仅二层)：

博友互动专栏友情博客展示窗申请友情链接

日志边框制作其实很简单，采用不同“层数”的边框代码和改变边框“宽度”，配上精美的“底图”，你将获得一款与众不同的精美边框哦。

代码使用说明：

一、每层边框代码：

想做多层边框，只要复制上面的代码置于下面，就可以了，想做几层就复制几次。

注：代码“background=图片地址”和“bgColor=#000000”可以同时存在，也可以选其一项。

二、认识代码：

1、每层 “cellSpacing=30” 代码是控制边框宽度的，数值按需要调整。

要使你的日志更完美，请看《让日志和边框结合的更完美【原创】》

2、可以更改最外层（第一层）代码 width="100%"中的100% 为650或更宽，适合喜欢固定宽幅的博友。

3、“bgColor=#000000” 代码是边框（日志）底色，底色选用见《颜色代码大全》。当然，你也可以用图片作为背景，只要用“background=图片地址”代码，替换“bgColor=#000000”代码既可。

4、每层“border=0”中的 0 可以改成 1 或更大，会有你意想不到的立体效果哦。

三、代码的使用方法：

日志完成后，添加边框，按工具栏的 < > 按键，进入代码编辑模式，把日志边框代码置于你写的日志内容最上面，选“背景图片”，换上你喜欢的“底色”既可发表了。

网易最大的图库素材

精美“四层”日志背景边框制作代码：

博友互动专栏友情博客展示申请友情链接

四、相关日志

解决GIF动图保存到PC内不动的方法【原创】

日志（相册）引用和推送【基础篇】

动图上传和应用【基础篇】

点击增加您的流量

注册中文博客群

	我的事业	博客秘藉	博客素材
	休闲娱乐	幽默搞笑	影音数码
关于我	生活百科	养生保健	生活技巧
加博友	美图欣赏	音画欣赏	艺术欣赏
写留言	电脑知识	网络资源	爱车一族
增流量	人生哲理	投资理财	温馨家园
分享	博客展示	交换链接	俩性世界

点击下图进入《华夏文学》

圈子的世界，欣赏、交流、学习！

《华夏文学》：欢迎您！

评论这张

转发至微博

阅读(483)| 评论(30)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087065085081089071085083095064072087082070081085082066082086',
              blogTitle:'【转载】通用日志边框制作代码',
              blogAbstract:'   <P\>  <TABLE border=\"0\" cellSpacing=\"30\" cellPadding=\"0\" width=\"100%\"  background=\"http://img124.ph.126.net/dKy-7jGw8ssRUWaIm4dFkA==/3049499897685272030.jpg\" align=\"center\" \>  <TBODY\>  <TR\>  <TD\>  <TABLE border=\"0\" cellSpacing=\"5\" cellPadding=\"0\" width=\"100%\"  background=\"http://img844.ph.126.net/A9HAER5LaKYJK3IpLkkkEQ==/1881660219312818617.jpg\" align=\"center\" \>  <TBODY\>  <TR\>  <TD\>  <TABLE border=\"0\" cellSpacing=\"8\" cellPadding=\"0\" width=\"100%\"  background=\"http://img124.ph.126.net/dKy-7jGw8ssRUWaIm4dFkA==/3049499897685272030.jpg\" align=\"center\" \>  <TBODY\>  <TR\>  <TD\>  <TABLE border=\"0\" cellSpacing=\"5\" cellPadding=\"0\" width=\"100%\"  background=\"http://img844.ph.126.net/A9HAER5LaKYJK3IpLkkkEQ==/1881660219312818617.jpg\" align=\"center\" \>  <TBODY\>  <TR\>  <TD\>  </TD\></TR\></TABLE\></TD\></TR\></TABLE\></TD\></TR\></TABLE\></TD\></TR\></TABLE\></P\>',
              blogTag:'一生相伴,转载引用',
              blogUrl:'blog/static/1355341602012111010283596',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1355149733521,
              publishTime:1355149683596,
              permalink:'blog/static/1355341602012111010283596',
              commentCount:30,
              mainCommentCount:10,
              recommendCount:3,
              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/1355341602012111010283596">${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 - 订阅此博客

【一生相伴】的博客

导航

日志

【转载】通用日志边框制作代码

历史上的今天

最近读者

热度

评论

页脚