登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

.

 
 
 

日志

 
 

自己动手做日志边框(和尚·原创)  

2015-06-13 08:34:11|  分类: 【网络课堂】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
   
《自己动手做日志边框》
  如果你在编写日志的时侯,给所写的日志加一个边框,那你的文章一定会增色不少。但是对于初来博客的朋友来说,不知该如何下手,看着他人博客多姿多彩很是羡慕,我刚开始也有与你同样的心情,通过后来请教老师,再自己慢慢摸索,才初步掌握了代码知识,今天就和朋友交流交流。做边框主要的材料就是背景图片,用各种代码串联起来就行了。那我们就先下载一些背景图片吧:

  背景图片有好多种,分动态和静态,还有闪光和透明等,如:

自己动手做日志边框(原创) - 和尚 - 和尚博客 自己动手做日志边框(原创) - 和尚 - 和尚博客 自己动手做日志边框(原创) - 和尚 - 和尚博客 自己动手做日志边框(原创) - 和尚 - 和尚博客 自己动手做日志边框(原创) - 和尚 - 和尚博客
自己动手做日志边框(原创) - 和尚 - 和尚博客 自己动手做日志边框(原创) - 和尚 - 和尚博客 自己动手做日志边框(原创) - 和尚 - 和尚博客 自己动手做日志边框(原创) - 和尚 - 和尚博客 自己动手做日志边框(原创) - 和尚 - 和尚博客
自己动手做日志边框(原创) - 和尚 - 和尚博客 自己动手做日志边框(原创) - 和尚 - 和尚博客 自己动手做日志边框(原创) - 和尚 - 和尚博客 自己动手做日志边框(原创) - 和尚 - 和尚博客 自己动手做日志边框(原创) - 和尚 - 和尚博客

  还有边框图片,长条图片等,我就不一一举列了。下面说说怎样代入代码中去:

  这是单线透明边框,文字的输入地方,随着文字的增多,就逐渐放大。可以放加入背景图片的代码 ,在这里还可以放一个或多个动画代码(做多层透明flash动画),边框的粗细及颜色都可调换。它的代码:

<TABLE cellSpacing=2 cellPadding=2 width=750 align=center background=http://img.bimg.126.net/photo/axLSEpvSJw91z0kBVsb_HQ==/1730226681840903392.jpg border=5>
<TBODY>
<TR>
<TD>
<P><FONT face=宋体 color=#ccffcc size=5>  这是单线透明边框,文字的输入地方,随着文字的增多,就逐渐放大。可以放加入背景图片的代码 ,在这里还可以放一个或多个动画代码(做多层透明flash动画),边框的粗细及颜色都可调换。它的代码:</P>


  这是单线有底图边框,文字的输入地方,随着文字的增多,就逐渐放大。在这里还可以放一个或多个动画代码(做多层透明flash动画)。它的代码:

<TABLE cellSpacing=2 cellPadding=2 width=750 align=center background=http://img.bimg.126.net/photo/axLSEpvSJw91z0kBVsb_HQ==/1730226681840903392.jpg border=5>
<TBODY>
<TR>
<TD>
<P><FONT face=宋体 color=#ccffcc size=5>  这是单线有底图边框,文字的输入地方,随着文字的增多,就逐渐放大。在这里还可以放一个或多个动画代码(做多层透明flash动画)。它的代码:</P>


  这就是典型的三层边框,在这里写文字上图片和fiash都行,你只要调换图片就变成你的自己的边框了。它的基本代码是:

<TABLE cellSpacing=50 width="100%" align=center background=图片地址一 border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=4 width="100%" background=图片地址二 border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=4 width="100%" background=图片地址三 border=0>
<TBODY>
<TR>
<TD>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
我的代码是:

<DIV>
<TABLE cellSpacing=15 cellPadding=0 width=760 align=center background=
http://img.bimg.126.net/photo/R-zJIuKDyJToIqJwgfpDQg==/4299530269256535847.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=9 cellPadding=0 width=730 align=center background=
http://img.bimg.126.net/photo/ltf2O6ZI8GQdM-BpuvDCsA==/2823475491385878342.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=9 cellPadding=1 width=712 align=center background
=http://img.bimg.126.net/photo/xOcd4Vywjbk9oElJhV-wzQ==/4550324473504699250.jpg
border=1>
<TBODY>
<TR>
<TD>我的代码是:</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY>
<DIV></DIV></DIV>

  再提供一些现成的边框,边框图片最好下载后再上传你的相册,以防今后失效:


和尚欢迎朋友

和尚欢迎朋友


和尚欢迎朋友


  评论这张
 
阅读(101)| 评论(0)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018