山上船DE博客

既是朋友,就要率性使情！无忧于天！

日志

关于我

山上船

醉酒不在酒多少,只看心情好不好！

文章分类

html代码做一些特殊表格

2008-07-13 10:10:11| 分类：【漂亮表格】 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

html代码做一些特殊表格

我们一般制作帖子的表格边框,基本上大同小异.现在教大家用代码制作别具一格的表格边框.在这里所有的效果我只用套材来举例.边框里可以放图片和文字,也可以换成颜色和文字.图片和颜色大家可以根据需要自己更换.只要发挥想象力,相信大家都能制作出更漂亮的表格边框.

语法简单介绍:

BORDER-RIGHT: #9b0000 6px ridge; 右边框颜色宽度样式 BORDER-TOP: #9b0000 6px ridge; 上边框颜色宽度样式 BORDER-LEFT: #9b0000 6px ridge; 左边框颜色宽度样式 BORDER-BOTTOM: #9b0000 6px ridge; 下边框颜色宽度样式 ; 外边框定位(相对定位) ; 内部小表格的定位(绝对定位) LEFT: 0px; 离左边的距离 TOP: 0px; 离顶部的距离 RIGHT: 0px; 离右边的距离 BOTTOMM: 0px; 离下边的距离 HEIGHT: 512px 表格高度 WIDTH: 512px; 表格宽度表格边框的样式还有以下几种(换不同的值就会有不同的边框样式):

none | dotted | dashed | solid | double | groove | ridge | inset | outset

注意点:

如果不是宽屏外边框必须赋于相对定位.内部表格必须绝对定位. 上,下,左,右边框如果有不需要显示的,将该边的宽度值设为0即可. 主要图片以背景的方式加入即放在<*table>里更好一些.

效果一:

代码如下

<TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; LEFT: 0px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 512px; BORDER-BOTTOM: #9b0000 6px ridge; ; TOP: 0px; HEIGHT: 512px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/perrobgtile_rYxIjcec9IlL.jpg border=0><TBODY><TR><TD><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; LEFT: 0px; WIDTH: 120px; BORDER-BOTTOM: #9b0000 6px ridge; ; TOP: 0px; HEIGHT: 120px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/perropic1_LrdOq57IrprQ.jpg border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; LEFT: 0px; WIDTH: 120px; BOTTOM: 0px; ; HEIGHT: 120px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/perropic1_LrdOq57IrprQ.jpg border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE><TABLE style="BORDER-TOP: #9b0000 6px ridge; LEFT: 380px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 120px; BOTTOM: 0px; ; HEIGHT: 120px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/perropic1_LrdOq57IrprQ.jpg border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE><TABLE style="LEFT: 380px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 120px; BORDER-BOTTOM: #9b0000 6px ridge; ; TOP: 0px; HEIGHT: 120px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/perropic1_LrdOq57IrprQ.jpg border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

效果二:

代码如下：

<TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; LEFT: 0px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 512px; BORDER-BOTTOM: #9b0000 6px ridge; ; TOP: 0px; HEIGHT: 512px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/perrobgtile_rYxIjcec9IlL.jpg border=0><TBODY><TR><TD><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; LEFT: 0px; WIDTH: 120px; BORDER-BOTTOM: #9b0000 6px ridge; ; TOP: 0px; HEIGHT: 120px" background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/20041230144924904_44IdYKd0vnjs.jpg cellSpacing=0 cellPadding=0 border=0><TBODY><TR><TD><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; LEFT: 7px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 100px; BORDER-BOTTOM: #9b0000 6px ridge; ; TOP: 7px; HEIGHT: 100px" background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/perropic_wTV3QltYXTLH.jpg cellSpacing=0 cellPadding=0 border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><TABLE style="LEFT: 380px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 120px; BORDER-BOTTOM: #9b0000 6px ridge; ; TOP: 0px; HEIGHT: 120px" background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/20041230144924904_44IdYKd0vnjs.jpg cellSpacing=0 cellPadding=0 border=0><TBODY><TR><TD><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; RIGHT: 7px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 100px; BORDER-BOTTOM: #9b0000 6px ridge; ; TOP: 7px; HEIGHT: 100px" background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/perropic_wTV3QltYXTLH.jpg cellSpacing=0 cellPadding=0 border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; LEFT: 0px; WIDTH: 120px; BOTTOM: 0px; ; HEIGHT: 120px" background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/20041230144924904_44IdYKd0vnjs.jpg cellSpacing=0 cellPadding=0 border=0><TBODY><TR><TD><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; LEFT: 7px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 100px; BOTTOM: 7px; BORDER-BOTTOM: #9b0000 6px ridge; ; HEIGHT: 100px" background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/perropic_wTV3QltYXTLH.jpg cellSpacing=0 cellPadding=0 border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><TABLE style="BORDER-TOP: #9b0000 6px ridge; LEFT: 380px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 120px; BOTTOM: 0px; ; HEIGHT: 120px" background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/20041230144924904_44IdYKd0vnjs.jpg cellSpacing=0 cellPadding=0 border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; RIGHT: 7px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 100px; BOTTOM: 7px; BORDER-BOTTOM: #9b0000 6px ridge; ; HEIGHT: 100px" background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/perropic_wTV3QltYXTLH.jpg cellSpacing=0 cellPadding=0 border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

效果三：

代码如下：

<TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; LEFT: 0px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 512px; BORDER-BOTTOM: #9b0000 6px ridge; ; TOP: 0px; HEIGHT: 512px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/perrobgtile_rYxIjcec9IlL.jpg border=0><TBODY><TR><TD><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; LEFT: 0px; WIDTH: 120px; ; TOP: 0px; HEIGHT: 380px" cellSpacing=0 cellPadding=0 border=0><TBODY><TR><TD background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/perropic1_LrdOq57IrprQ.jpg></TD></TR></TBODY></TABLE><TABLE style="LEFT: 120px; WIDTH: 380px; BORDER-BOTTOM: #9b0000 6px ridge; ; TOP: 0px; HEIGHT: 120px" cellSpacing=0 cellPadding=0 border=0><TBODY><TR><TD background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/perropic1_LrdOq57IrprQ.jpg></TD></TR></TBODY></TABLE><TABLE style="BORDER-RIGHT: #9b0000 0px ridge; BORDER-TOP: #9b0000 0px ridge; LEFT: 120px; BORDER-LEFT: #9b0000 0px ridge; WIDTH: 262px; BORDER-BOTTOM: #9b0000 0px ridge; ; TOP: 120px; HEIGHT: 262px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/646808-Springtime_Sch71VLQfYe6.jpg border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE><TABLE style="BORDER-TOP: #9b0000 6px ridge; LEFT: 0px; WIDTH: 380px; BOTTOM: 0px; ; HEIGHT: 120px" cellSpacing=0 cellPadding=0 border=0><TBODY><TR><TD background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/perropic1_LrdOq57IrprQ.jpg></TD></TR></TBODY></TABLE><TABLE style="LEFT: 380px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 120px; BOTTOM: 0px; ; HEIGHT: 380px" cellSpacing=0 cellPadding=0 border=0><TBODY><TR><TD background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/perropic1_LrdOq57IrprQ.jpg></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

效果四：

代码如下：

<TABLE style="BORDER-RIGHT: #9b0000 0px ridge; BORDER-TOP: #9b0000 0px ridge; LEFT: 0px; BORDER-LEFT: #9b0000 0px ridge; WIDTH: 500px; BORDER-BOTTOM: #9b0000 0px ridge; ; TOP: 0px; HEIGHT: 500px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/perrobgtile_rYxIjcec9IlL.jpg border=0><TBODY><TR><TD><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; LEFT: 0px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 120px; BORDER-BOTTOM: #9b0000 6px ridge; ; TOP: 0px; HEIGHT: 120px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/bouquetbgtile_II1Izkbri0CD.jpg border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; LEFT: 380px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 120px; BORDER-BOTTOM: #9b0000 6px ridge; ; TOP: 0px; HEIGHT: 120px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/bouquetbgtile_II1Izkbri0CD.jpg border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; LEFT: 114px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 272px; BORDER-BOTTOM: #9b0000 6px ridge; ; TOP: 114px; HEIGHT: 272px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/bouquetbgtile_II1Izkbri0CD.jpg border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; LEFT: 0px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 120px; BOTTOM: 0px; BORDER-BOTTOM: #9b0000 6px ridge; ; HEIGHT: 120px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/bouquetbgtile_II1Izkbri0CD.jpg border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; LEFT: 380px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 120px; BOTTOM: 0px; BORDER-BOTTOM: #9b0000 6px ridge; ; HEIGHT: 120px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/bouquetbgtile_II1Izkbri0CD.jpg border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

效果五：

写字

内容

代码如下：

<TABLE style="BORDER-RIGHT: #9b0000 0px ridge; BORDER-TOP: #9b0000 0px ridge; LEFT: 0px; BORDER-LEFT: #9b0000 0px ridge; WIDTH: 500px; BORDER-BOTTOM: #9b0000 0px ridge; ; TOP: 0px; HEIGHT: 500px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/perrobgtile_rYxIjcec9IlL.jpg border=0><TBODY><TR><TD><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; LEFT: 0px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 120px; BORDER-BOTTOM: #9b0000 6px ridge; ; TOP: 0px; HEIGHT: 120px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/20041230144924904_Vb2kaQvzUpjv.jpg border=0><TBODY><TR><TD><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; LEFT: 4px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 100px; BORDER-BOTTOM: #9b0000 6px ridge; ; TOP: 4px; HEIGHT: 100px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/646808-Springtime1_q3af2LrCJyr0.jpg border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; LEFT: 380px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 120px; BORDER-BOTTOM: #9b0000 6px ridge; ; TOP: 0px; HEIGHT: 120px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/20041230144924904_Vb2kaQvzUpjv.jpg border=0><TBODY><TR><TD><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; RIGHT: 4px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 100px; BORDER-BOTTOM: #9b0000 6px ridge; ; TOP: 4px; HEIGHT: 100px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/646808-Springtime1_q3af2LrCJyr0.jpg border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; LEFT: 114px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 272px; BORDER-BOTTOM: #9b0000 6px ridge; ; TOP: 114px; HEIGHT: 272px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/646808-Springtime_Sch71VLQfYe6.jpg border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; LEFT: 0px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 120px; BOTTOM: 0px; BORDER-BOTTOM: #9b0000 6px ridge; ; HEIGHT: 120px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/20041230144924904_Vb2kaQvzUpjv.jpg border=0><TBODY><TR><TD><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; LEFT: 4px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 100px; BORDER-BOTTOM: #9b0000 6px ridge; ; TOP: 4px; HEIGHT: 100px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/646808-Springtime1_q3af2LrCJyr0.jpg border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; LEFT: 380px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 120px; BOTTOM: 0px; BORDER-BOTTOM: #9b0000 6px ridge; ; HEIGHT: 120px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/20041230144924904_Vb2kaQvzUpjv.jpg border=0><TBODY><TR><TD><TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; LEFT: 4px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 100px; BORDER-BOTTOM: #9b0000 6px ridge; ; TOP: 4px; HEIGHT: 100px" cellSpacing=0 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_23597/646808-Springtime1_q3af2LrCJyr0.jpg border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

评论这张

转发至微博

阅读(304)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_084075082095085075083082087095082086084066087086086070',
              blogTitle:'html代码做一些特殊表格    ',
              blogAbstract:'<P style=\"TEXT-INDENT: 2em\"\>html代码做一些特殊表格</P\>\r\n<P style=\"TEXT-INDENT: 2em\"\>  </P\>\r\n<BLOCKQUOTE\>\r\n<P\></P\>\r\n<P style=\"TEXT-INDENT: 2em\"\> 我们一般制作帖子的表格边框,基本上大同小异.现在教大家用代码制作别具一格的表格边框.在这里所有的效果我只用套材来举例.边框里可以放图片和文字,也可以换成颜色和文字.图片和颜色大家可以根据需要自己更换.只要发挥想象力,相信大家都能制作出更漂亮的表格边框. </P\>\r\n<P style=\"TEXT-INDENT: 2em\"\>语法简单介绍: </P\>\r\n<P style=\"TEXT-INDENT: 2em\"\>BORDER-RIGHT: #9b0000 6px ridge; 右边框颜色 宽度 样式 BORDER-TOP:</P\></BLOCKQUOTE\>',
              blogTag:'',
              blogUrl:'blog/static/605130052008613101011979',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1216285285794,
              publishTime:1215915011979,
              permalink:'blog/static/605130052008613101011979',
              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/605130052008613101011979">${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 - 订阅此博客

山上船DE博客

导航

日志

html代码做一些特殊表格

历史上的今天

最近读者

热度

评论

页脚