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

棂芸阁

经典与时尚的前沿从这里起航

 
 
 

日志

 
 

【转载】如何制作日志边框  

2014-03-04 16:42:28|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自碎羽残舞《如何制作日志边框》
如何制作日志边框

1.在图片上写日志效果:

1.在图片上写日志代码说明:

粉红色地方height=300”表示图片的高度为300

黄色地方width=500”表示图片的宽度为500

蓝色地方图片地址”表示图片属性地址

鲜绿色地方border=3”表示为图片加边框为3(当设为0时只是简单的图片加字效果)

青绿色地方cellSpacing=3”表示为边框格线设置距离为3(最佳数值1到6) 注意:当边框设为0时无效

橙色地方borderColor=#003333”表示边框格线颜色,颜色码是“003333

代码:

<TABLE borderColor=#003333 height=300 cellSpacing=3 cellPadding=0 width=500 align=center background=图片地址 border=3>
<TBODY>
<TR>
<TD align=middle>
<P><FONT face=宋体 color=#ff0000 size=4><STRONG>添加文字或图片</STRONG></FONT></P></TD></TR></TBODY></TABLE>
 


 2.用颜色码制作简单日志边框效果:

2.用颜色码制作简单日志边框代码说明:

海绿色地方borderColor=#FF0000”的“FF0000”表示边框格线颜色码

红色地方height=300”的“300”表示边框高度数值

蓝色地方cellSpacing=0”的“0”表示格线的距离数值

粉红色地方width=500”的“500”表示边框宽度数值

鲜绿色地方bgColor=#FFFFCC”的“FFFFCC”表示边框内背景颜色码

青绿色地方border=6”的“6”表示边框格线厚度

代码:

<TABLE borderColor=#FF0000 height=300 cellSpacing=0 cellPadding=0 width=500 align=center bgColor=#FFFFCC border=6>
<TBODY>
<TR>
<TD align=middle>
<P><FONT face=宋体 color=#ff0000 size=4><STRONG>添加文字或图片</STRONG></FONT></P></TD></TR></TBODY></TABLE>


  3.为图片边框加标题栏及背景效果:

为图片边框加标题栏及背景代码说明

蓝色地方“标题栏背景图片地址”表示标题栏的背景图片属性地址

橙色地方“height=38”的“38”表示标题栏的高度

青绿色地方“日志背景图片地址”表示日志背景图片属性地址

粉红色地方“height=250”表示日志背景的高度

本人认为无论是标题蓝背景的高度还是日志背景高度都无需太大的修改,因为两者的高度都会随文字的大小和数量增加,所以,只设初步就好。这样在日志目录浏览中才不会显得过大。

代码:

<TABLE height=300 cellSpacing=2 cellPadding=0 width=500 align=center border=2>
<TBODY>
<TR>
<TD align=middle background=标题栏背景图片地址 height=38><STRONG><FONT color=#ff0000 size=5>添加标题</FONT></STRONG></TD></TR>
<TR>
<TD align=middle background=日志背景图片地址 height=250>
<P><FONT color=#ff00ff size=3>添加文字或图片</FONT></P></TD></TR></TBODY></TABLE>


 4.为颜色边框加标题栏及背景色效果: 

为颜色边框加标题栏及背景色代码说明

粉红色地方“borderColor=#FF0000”的“FF0000”表示边框格线颜色码

橙色地方“bgColor=#FFFFCC”的“FFFFCC”表示日志背景颜色码

绿色地方“bgColor=#FF0000”的“FF0000”表示标题栏颜色码

代码:

<TABLE borderColor=#FF0000 height=300 cellSpacing=3 cellPadding=0 width=500 align=center bgColor=#FFFFCC border=6>
<TBODY>
<TR>
<TD align=middle bgColor=#FF0000 height=38><FONT face=宋体 color=#FFFFFF size=5><STRONG>添加标题</STRONG></FONT></TD></TR>
<TR>
<TD align=middle height=250>
<FONT face=宋体 color=#222222 size=3><STRONG>添加文字或图片</STRONG></FONT></TD></TR></TBODY></TABLE>


5.图片边框加多层效果:

图片边框加多层效果代码说明

1.橙色地方表示第一层格线宽度

蓝色地方表示第一层背景图片地址

2.粉红色地方表示第二层格线宽度

青绿色地方表示第二层背景图片地址

3.紫罗兰色地方表示第三层格线宽度

鲜绿色地方表示第三层背景图片地址

4.黄色地方表示日志背景图片地址

值得注意的是,“ <TABLE borderColor=#000000 height=300 cellSpacing=20 cellPadding=0 width=500 align=center background=边框背景图片地址 border=1><TBODY>
<TR>
<TD align=middle>

”其实就是表示边框的一层代码,如果要加多层就只需在所有代码前加一段这个代码就行,减少也是删除这一段。

代码:

<TABLE borderColor=#000000 height=300 cellSpacing=20 cellPadding=0 width=500 align=center background=第一层边框背景图片地址 border=1>
<TBODY>
<TR>
<TD align=middle>
<TABLE borderColor=#003366 height=300 cellSpacing=16 cellPadding=0 width=500 align=center background=第二层边框背景图片地址 border=1>
<TBODY>
<TR>
<TD align=middle>
<TABLE borderColor=#000000 height=300 cellSpacing=8 cellPadding=0 width=500 align=center background=第三层边框背景图片地址 border=1>
<TBODY>
<TR>
<TD align=middle>
<TABLE borderColor=#000000 height=300 cellSpacing=3 cellPadding=0 width=500 align=center background=日志背景图片地址 border=3>
<TBODY>
<TR>
<TD align=middle>
<P><FONT face=宋体 color=#ff0000 size=4><STRONG>添加文字或图片</STRONG></FONT></P></TD></TR></TBODY></TABLE>


6. 添加多层颜色框效果:

添加多层颜色框代码说明:

蓝色地方表示第一层边框颜色代码

鲜绿色地方表示第二层边框颜色代码

青绿色地方表示第三层边框颜色代码

粉红色地方表示日志背景颜色

添加一层或删除一层代码:“<TABLE borderColor=#000000 height=300 cellSpacing=20 cellPadding=0 width=500 align=center bgColor=#FF0000 border=1>
<TBODY>
<TR>
<TD align=middle>
”方法参照5.图片边框加多层的添加或删除方法

代码:

<TABLE borderColor=#000000 height=300 cellSpacing=20 cellPadding=0 width=500 align=center bgColor=#FF0000 border=1>
<TBODY>
<TR>
<TD align=middle>
<TABLE borderColor=#FFFFFF height=300 cellSpacing=12 cellPadding=0 width=500 align=center bgColor=#000000 border=1>
<TBODY>
<TR>
<TD align=middle>
<TABLE borderColor=#000000 height=300 cellSpacing=8 cellPadding=0 width=500 align=center bgColor=#FF0000 border=1>
<TBODY>
<TR>
<TD align=middle>
<TABLE borderColor=#000000 height=300 cellSpacing=2 cellPadding=0 width=500 align=center bgColor=#FFFFFF border=1>
<TBODY>
<TR>
<TD align=middle>
<P><FONT face=宋体 color=#ff0000 size=4><STRONG>添加文字或图片</STRONG></FONT></P></TD></TR></TBODY></TABLE>

如何制作日志边框
如何制作日志边框 - 碎羽残舞 - 碎羽残舞
快乐互动,精彩你我;创造喜悦,分享快乐!

碎羽残舞网易博客声明:转载本博所有内容不得去掉本博链接,请正常引用,拒绝删除原文内容链接;未经许可本博内容请勿篡改。

欢迎光临碎羽残舞的博客:本博内容非商业用途,宗旨重在交流学习,打造个人独特时尚空间,并无任何商业目的,日志除部分为博主原创外其余均来源于网络,如果不慎侵犯了您的合法权益,请及时联系本博,本博将会在第一时间予以处理。

祝您在本博度过一段美好时光,如本博有任何不足之处,欢迎您对本博提出更多更好的提议,碎羽残舞随时欢迎您的到来。
如何制作日志边框 - 碎羽残舞 - 碎羽残舞
  评论这张
 
阅读(13)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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