【博客代码】学做图片背景的边框

日志

关于我

醉龙归舟

把影子加点盐,腌起来风干,老的时候下酒。

文章分类

2011-04-03 14:17:59| 分类：博客代码 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

编制/归舟

学做图片背景的边框
　　要用图片作图框的背景，图片必须是从网上取来允许链接的图片地址，而且图案应比较单一的，不宜太过复杂，最好选择背景专用图片．用图片作图框有一层的，也有多层漂亮的套装．多层套装网页打开运行较慢，常有因图片地址失链，造成面目全非．
用图片作单层图框：

插入内容

单层图框代码：

<P align=center> <TABLE borderColor=660000 cellSpacing=10 cellpadding=20 background =http://7wind.net/wysc/beijing/image/b031.gif width=760 height=300 border=10> <TR> <TD> <P align=center><font style=font:18pt face=华文行楷 color=0000ff> 在此开始插入内容<br>开始学做音画贴时，最好先用这种单层图框． </FONT></p> <BR><BR><BR><BR><BR> </td></tr></table></p>

用二张图片作表格背景的双层图框:

插入内容

双层图框代码：

<P align=center> <TABLE cellSpacing=20 cellSpacing=15 width=800 align=center background=http://bbs.nxnews.net/forum/UploadFile/2005-5/200554135256363.jpg border=1> <TBODY> <TR> <TD> <TABLE cellSpacing=5 cellPadding=5 width="100%" borderColorLight=#a9b5a1 background =http://bbs.nxnews.net/forum/UploadFile/2005-5/20055413522416.jpg border=0> <TR> <TD> <P align=center><font style=font:30pt face=华文行楷 color=00ff00> 在此开始插入内容 </FONT></p> <BR><BR><BR><BR><BR> </td></tr></table></td></tr></table></p>

用四张图片作表格背景的四层图框:

插入内容

四层图框代码：
<TABLE id=table1 style="LEFT: 0px; WIDTH: 800px; POSITION: relative; TOP: 0px" borderColor=#6a1920 cellSpacing=30 align=center background=http://www.yyly8.com/UploadFile/2006-2/200621812584753072.gif border=5> <TBODY> <TR> <TD> <TABLE cellSpacing=5 cellPadding=1 width="100%" background=http://www.spiritisup.com/perfectiongoldstrip.jpg border=0> <TBODY> <TR> <TD> <TABLE cellPadding=15 width="100%" background=http://www.yyly8.com/UploadFile/2006-2/200621812584753072.gif border=0> <TBODY> <TR> <TD> <TABLE cellSpacing=1 cellPadding=0 width="100%" background=http://bbs.hndt.com/UploadFile/2004-11/2004111918241100.jpg border=1> <TBODY> <TR> <TD> <br><br><br><br><br> </TD></TR></TBODY></TABLE></TD></TR></TBODY> </TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE>

用十张图片作表格背景的10层图框:

。。。。。。

插入内容

。。。。。。

10层图框代码：

<BR><BR> <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width=820 borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1> <TBODY><TR><TD> <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=15 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/200481313595718.jpg border=1> <TBODY><TR><TD> <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1> <TBODY><TR><TD> <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=15 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/20048131404918.jpg border=1> <TBODY><TR><TD> <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1> <TBODY><TR><TD> <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=11 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813141196.jpg border=1> <TBODY><TR><TD> <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1> <TBODY> <TR><TD> <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=15 width="100%" borderColorLight=#000000 background =http://bbs.nxnews.net/forum/UploadFile/2004-8/20048131407387.jpg border=1> <TBODY><TR><TD> <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1> <TBODY><TR><TD> <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=15 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/20048131407387.jpg border=1> <TBODY><TR><TD> 。。。。。。<BR> <P align=center><font style=font:30pt face=华文行楷 color=ffff00> 在此开始插入内容 </FONT></p> 。。。。。。<BR> <BR><BR> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD> </TR></TBODY></TABLE> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD> </TR></TBODY></TABLE> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD> </TR></TBODY></TABLE> </TD></TR></TBODY></TABLE>

军事体育

音画收藏

情感文章养眼酷图音画图文经典视听

电子图库软件下载特效大全代码汇编

古今珍藏时间特效电脑知识音画教程

博客代码音画素材纵横杂谈时尚娱乐

健康饮食笑话大全中外文学百科知识

﹡欢迎光临﹡

﹡返回空间首页﹡

评论这张

转发至微博

阅读(430)| 评论(2)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_094074085084083068083080080095087086085069092094086074',
              blogTitle:'【博客代码】学做图片背景的边框',
              blogAbstract:'   <DIV align=\"center\"  \>  <DIV id=\"table1\"  style=\"LEFT: -10px; WIDTH: 800px; POSITION: relative; TOP: 20px;\"  \>  <TABLE style=\"BORDER-LEFT-COLOR: #fbd44c; BORDER-BOTTOM-COLOR: #fbd44c; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #fbd44c; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #fbd44c; BORDER-BOTTOM-STYLE: ridge;\"  height=\"“80%”\"  cellSpacing=\"1\"  cellPadding=\"0\"  width=\"800\"  align=\"center\"  border=\"14\"  \>  <TBODY\>  <TR\>  <TD bgColor=\"#f5f5f5\"  \>  <TABLE cellSpacing=\"0\"  cellPadding=\"20\"  width=\"80%\"  border=\"0\"  \>  <TBODY\>  <TR\>  <TD\>  <CENTER\>  <DIV align=\"center\"  \>  <DIV style=\"FILTER: shadow(color=#000066, strength=6); WIDTH: 600px;\"  \></DIV\></DIV\></CENTER\></TD\></TR\></TABLE\></TD\></TR\></TABLE\></DIV\></DIV\>',
              blogTag:'table,tr,000000,td,tbody',
              blogUrl:'blog/static/3046880920113321521196',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1317129335885,
              publishTime:1301811479120,
              permalink:'blog/static/3046880920113321521196',
              commentCount:2,
              mainCommentCount:2,
              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:'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/3046880920113321521196">${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 - 订阅此博客

导航

日志

【博客代码】学做图片背景的边框

历史上的今天

最近读者

热度

评论

页脚