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

.

.

 
 
 

日志

 
 

如何自己做精美日志边框(原创)  

2008-01-21 12:36:56|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

 



                            自 己 做 精 美 日 志 边 框 

 

 我们做完一篇日志时 ,如果内容很好,但没有一个好的日志框,那是美中不足的,那末怎样制作哪,不要急.按我说的步骤去做,相信你一定能做出与你日志相符合的精美的日志框来.下面我们就开始吧.

基本代码:

<TABLE borderColor=#cc00cc cellSpacing=25 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041114100356772.jpg  border=1><TBODY><TR><TD>

代码解读:

1. <TABLE 是开头的代码.由于我们还没有做完.故结尾的代码先不放上去.(结尾代码为:</TABLE>)

2. cellSpacing=25  是第一层和第二层之间的宽度(可以根据自己的需要改动).

3.  width="100%"是最外边边框的宽度.我把它定为"100%",.也可以根据自己的需要改动.设为600或700等.

4.   http://xz1.2000y.net/348114/uploadpic/20041114100356772.jpg 是第一层边框的地址. 朋友们可以随意更换

5.   borderColor=#cc00cc    是层次之间细框的颜色(就是粉红色的细框.可以按颜色代码表更换你喜欢的颜色)

6.   border=1   指的是层次之间细框的厚度.(可以更改,比如:2...)

7.   由于随着写字的增加而它的页面可以随意的延伸.故高度可以不设

先看第一层的效果:

 

 

 

 

 

下面我们给它设第二层边框.它的代码和第一层是一样的,只是地址不同.我又把cellSpacing=25 改为4

把第一层和第二层的代码加在一起.

<TABLE borderColor=#cc00cc cellSpacing=25 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041114100356772.jpg  border=1>

<TBODY><TR><TD>

<TABLE borderColor=#cc00cc cellSpacing=4 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041151055132406.jpg border=1>

<TBODY><TR><TD>

加入第二层后看看效果:

 

 

 

 

 

 

 

 

 

同理.第三层的代码也是和前两个的代码一样.是三个"基本代码"加在一起,当然,地址各不相同,同时我们把cellSpacing=25 还是设为4,如下:

<TABLE borderColor=#cc00cc cellSpacing=25 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041114100356772.jpg border=1><TBODY><TR><TD><TABLE borderColor=#cc00cc cellSpacing=4 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041151055132406.jpg  border=1><TBODY><TR><TD><TABLE borderColor=#cc00cc cellSpacing=4 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041225173731812.jpg   border=1><TBODY><TR><TD>

加入第三层后看看效果:

 

 

 

 

 

 

 

 

依此类推.下面,我们再给它加三层, 也就是说,再已有的三层代码的基础上再复制,变成六层的代码.当然, 除了第一层的厚度是cellSpacing=25 外,其余的都设为cellSpacing=4 (最后一层我设为"1" ) 另外,它的地址也都是各不相同,

 效果:

 

 

                

 

 

 

 

 

 

 

 

 

 

 

                                    1977敬祝朋友安好

 

 

 这样,一个六层的边框就做好了.它的代码如下:

<TABLE borderColor=#cc00cc cellSpacing=25 width="100%" background=地址 border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cc00cc cellSpacing=4 width="100%" background=地址  border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cc00cc cellSpacing=4 width="100%" background=地址 border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cc00cc cellSpacing=4 width="100%"
background=地址 border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cc00cc cellSpacing=4 width="100%" background=地址 border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cc00cc cellSpacing=1 width="100%" background=地址 border=1>
<TBODY>
<TR>
<TD>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
 </TABLE>
 说明: 

                1.   红色的数字和代码(borderColor=#cc00cc )是每个边框的宽度,与边框线的颜色,也是可以更改的.

                2.   蓝色部分的代码本来是废码,我为了使日志框有一定的高度故把它加上.

 

温馨提示

 1.    上面代码中的黄色部分是背景图片的地址,你可以更换成你喜欢的样式

 2. 第六层(也就是最后一层)边框的地址就是我们所说的是信纸,最好不要找动态的.以免看日志时眼花缭乱

 3.     我做的是六层的边框,可以随意增减.直到你满意为止,

 4.     其余的请参照"基本代码"中的"代码解读"

 5.     如有引用的朋友请留下您的足迹 谢谢合作

 

1977敬祝大家天天好心情.

 

 

  评论这张
 
阅读(468)| 评论(14)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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