滴墨斋主的后花园

.

日志

关于我

滴墨斋主

文章分类

【转载】五款艺术（滚轴）边框

2014-12-20 20:59:26| 分类：巧用代码 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自闲人SGM《五款艺术（滚轴）边框》

由闲人SGM原创编制

边框一

此处编辑文字

代码

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

<TABLE title=闲人SGM欢迎您 border=1 cellSpacing=0 borderColor=#333300 borderColorDark=#333300 cellPadding=0 width="80%" background=http://img1.ph.126.net/PSSIH-hRPfjfP2sBMK8qvA==/2766054596152583845.gif align=center>
<TBODY>
<TR>
<TD><BR>
<TABLE style="BORDER-BOTTOM-STYLE: double; BORDER-RIGHT-STYLE: double; BORDER-TOP-STYLE: double; BORDER-LEFT-STYLE: double" title=闲人SGM欢迎您 border=0 cellSpacing=0 borderColor=#111111 cellPadding=0 width="100%" bgColor=#226ddd align=center>
<TBODY>
<TR>
<TD>
<P align=center><STRONG><FONT color=#ffffff size=4></FONT></STRONG> </P>
<P align=center><FONT color=#ffffff><STRONG><FONT size=5>此处编辑文字 </FONT></STRONG> </FONT></P>
<P align=center><FONT color=#ffffff><STRONG><FONT size=4>此处编辑文字 </FONT></STRONG> </FONT></P>
<P align=center><STRONG><FONT color=#ffffff size=4>此处编辑文字 </FONT></STRONG><FONT color=#000080> </FONT></P>
<P align=center> </P>
<P align=center> </P>
<P align=center> </P></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE>

边框二

此处编辑文字

代码

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

<TABLE title=闲人SGM欢迎您 border=1 cellSpacing=0 borderColor=#333300 borderColorDark=#333300 cellPadding=0 width="80%" background=http://img1.ph.126.net/PS5e4ggM8ngSuUPpgREDOQ==/1144477255306786735.gif align=center>
<TBODY>
<TR>
<TD><BR>
<TABLE style="BORDER-BOTTOM-STYLE: double; BORDER-RIGHT-STYLE: double; BORDER-TOP-STYLE: double; BORDER-LEFT-STYLE: double" title=闲人SGM欢迎您 border=0 cellSpacing=0 borderColor=#111111 cellPadding=0 width="100%" bgColor=#cd950c>
<TBODY>
<TR>
<TD>
<P align=center><STRONG><FONT color=#000080 size=4></FONT></STRONG> </P>
<P align=center><STRONG><FONT color=#000080 size=5>此处编辑文字</FONT></STRONG></P>
<P align=center><STRONG><FONT color=#000080 size=4></FONT></STRONG> </P>
<P align=center><STRONG><FONT color=#000080 size=4>此处编辑文字</FONT></STRONG></P>
<P align=center><STRONG><FONT color=#000080 size=4>此处编辑文字</FONT></STRONG><FONT color=#000080> </FONT></P>
<P align=center><STRONG><FONT size=5></FONT></STRONG> </P>
<P align=center><STRONG><FONT size=5></FONT></STRONG> </P>
<P align=center><STRONG><FONT size=5></FONT></STRONG> </P></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE>

边框三

此处编辑文字

代码

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

边框四

:

此处编辑文字

此款边框日志不能用于太多文字，否则会影响效果，如文字多，解决方法是每段用一次这款边框。

代码

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

<TABLE title=闲人SGM欢迎您 border=0 cellSpacing=0 cellPadding=0 width="100%" height=600>
<TBODY>
<TR>
<TD height=500 background=http://img2.ph.126.net/WPF5tjXz_-yA6IFyogZ3WA==/6597191812447265201.gif rowSpan=3 width=60> </TD>
<TD height=8 width="91%"> </TD>
<TD height=500 background=http://img2.ph.126.net/WPF5tjXz_-yA6IFyogZ3WA==/6597191812447265201.gif rowSpan=3 width=60> :</TD></TR>
<TR>
<TD bgColor=#cd950c height=500>
<TABLE style="BORDER-BOTTOM-STYLE: double; BORDER-RIGHT-STYLE: double; BORDER-TOP-STYLE: double; BORDER-LEFT-STYLE: double" title=闲人SGM欢迎您 border=1 cellSpacing=0 borderColor=#111111 cellPadding=0 width="100%" background=http://img1.ph.126.net/It7-5EwGCEwvIFxzb1jeWA==/1570067420093232868.gif bgColor=#cd950c align=center height=550>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-BOTTOM-STYLE: double; BORDER-RIGHT-STYLE: double; BORDER-TOP-STYLE: double; BORDER-LEFT-STYLE: double" title=闲人SGM欢迎您 border=0 cellSpacing=15 borderColor=#111111 cellPadding=0 width="92%" bgColor=#cd950c align=center>
<TBODY>
<TR>
<TD>
<P align=center><STRONG><FONT color=#ffffff size=5>此处编辑文字</FONT></STRONG></P>
<P align=center><A href="http://blog.163.com/sgm_szh/" target=_blank><FONT color=#ffffff><IMG title=闲人SGM alt=闲人SGM src="http://img1.ph.126.net/oO4VjqTQFzKap4VmtsyYcg==/874261277663336113.gif"></FONT></A><FONT color=#ffffff>  </FONT></P>
<P align=center><FONT color=#ffffff> </FONT></P>
<P align=center><STRONG><FONT color=#ffffff size=5></FONT></STRONG></P>
<P align=center><FONT color=#ffffff><STRONG><FONT size=4>此处编辑文字 </FONT></STRONG> </FONT></P>
<P align=center><STRONG><FONT size=5></FONT></STRONG> </P>
<P align=center> </P>
<P align=center><STRONG><FONT size=5></FONT></STRONG> </P>
<P align=center><STRONG><FONT size=5></FONT></STRONG> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD height=8> </TD></TR></TBODY></TABLE>

边框五

此处编辑文字

代码

相关日志

海洋世界扮靓你博客的首页(flash互动游戏

“锦绣河山”美景，扮靓你的博客（附原创代码）【汇编】

清明上河图（动态）【原创】

边框现成极品模板

简单、方便，你也可以拥有，为什么不试试？点击上图进入

点击增加您的流量

注册中文博客群入口

	我的事业	博客秘藉	博客素材
	休闲娱乐	幽默搞笑	影音数码
关于我	生活百科	养生保健	饮食健康
展示窗	生活技巧	爱车一族	投资理财
换链接	电脑知识	软件教程	网络资源
加博友	美图欣赏	音画欣赏	艺术欣赏
微店网	人生哲理	温馨家园	俩性世界

评论这张

转发至微博

阅读(267)| 评论(16)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087070080086080065093081084066072082083065082082087070081',
              blogTitle:'【转载】五款艺术（滚轴）边框',
              blogAbstract:'<p\><a style=\"text-decoration: none;\" href=\"http://blog.163.com/sgm_szh/\"   \>\n</a\></p\><a style=\"text-decoration: none;\" href=\"http://blog.163.com/sgm_szh/\"   \><table title=\"闲人SGM欢迎您\"   border=\"8\"   cellSpacing=\"0\"   borderColor=\"#005566\"   cellPadding=\"0\"   width=\"100%\"   align=\"center\"   \>\n<tbody\>\n<tr\>\n<td\>\n<table title=\"闲人SGM欢迎您\"   border=\"2\"   cellSpacing=\"3\"   borderColorLight=\"#363636\"   borderColorDark=\"#363636\"   cellPadding=\"0\"   width=\"100%\"   align=\"center\"   \>\n<tbody\>\n<tr\>\n<td bgColor=\"#ccffcc\"   height=\"28\"   borderColorLight=\"#363636\"   width=\"14%\"   borderColorDark=\"#eeeeee\"   align=\"middle\"   \><a target=\"_blank\" href=\"http://blog.163.com/sgm_szh/blog/static/20258471200872952146399/\"   \><font color=\"#000000\"   \>我的事业</font\></a\></td\>\n</tr\></table\></td\></tr\></table\></a\>',
              blogTag:'',
              blogUrl:'blog/static/42264155201411208592663',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:0,
              publishTime:1419080366063,
              permalink:'blog/static/42264155201411208592663',
              commentCount:16,
              mainCommentCount:12,
              recommendCount:4,
              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/42264155201411208592663">${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 - 订阅此博客

滴墨斋主的后花园

导航

日志

【转载】五款艺术（滚轴）边框

历史上的今天

最近读者

热度

评论

页脚