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

寒情博客

http://8-com.blog.163.com

 
 
 

日志

 
 

如何制作日志边框  

2010-06-19 13:30:39|  分类: 〓博客教程〓 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
站内留言 交换链接 本站资源 电子邮件 QQ互动

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.用颜色码制作简单日志边框效果:

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

borderColor=#00FF00 表示边框格线颜色码

height=300 表示边框高度数值

cellSpacing=0 表示格线的距离数值

width=500 表示边框宽度数值

bgColor=#FFFFCC 表示边框内背景颜色码

border=6 表示边框格线厚度
更多代码边框制作样式请参照
〓如何运用代码做边框〓

代 码 如 下

<TABLE borderColor=#00FF00 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 表示标题栏的高度

日志背景图片地址表示日志背景图片属性地址

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=#00FF00 表示边框格线颜色码

    bgColor=#FFFFCC 表示日志背景颜色码

    bgColor=#00FF00 表示标题栏颜色码

    有关颜色的选取请参照〓博客颜色代码表〓

代 码 如 下

<TABLE borderColor=#00FF00 height=300 cellSpacing=3 cellPadding=0 width=500 align=center bgColor=#FFFFFF border=6>
<TBODY>
<TR>
<TD align=middle bgColor=#00FF00 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.多层素材边框效果:

多层素材边框效果代码说明

    橙色代码部份表示第一层格线宽度

    蓝色代码部份表示第一层背景图片地址

    粉色代码部份表示第二层格线宽度

    青色代码部份表示第二层背景图片地址

    紫色代码部份表示第三层格线宽度

    绿色代码部份表示第三层背景图片地址

    黄色代码部份表示日志背景图片地址

 <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=#00FF00 border=1>
<TBODY>
<TR>
<TD align=middle>

表示边框的一层代码,如果要加多层就只需在所有代码前加一段这个代码就行,减少也是删除这一段。
更多代码边框请参照
〓一组漂亮的纯代码边框〓

代 码 如 下

<TABLE borderColor=#000000 height=300 cellSpacing=20 cellPadding=0 width=500 align=center bgColor=#00FF00 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=#00FF00 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>



〓寒情·博客地址〓 http://8-com.blog.163.com 羽化代码大全 〓寒情·博客地址〓 http://8-com.blog.163.com 图片变色效果 〓寒情·博客地址〓 http://8-com.blog.163.com 日志题图应用 〓寒情·博客地址〓 http://8-com.blog.163.com 批量下载图片
〓寒情·博客地址〓 http://8-com.blog.163.com 制作日志边框 〓寒情·博客地址〓 http://8-com.blog.163.com 图片移动大全 〓寒情·博客地址〓 http://8-com.blog.163.com 图片滤镜效果 〓寒情·博客地址〓 http://8-com.blog.163.com 彩色闪字制作
〓寒情·博客地址〓 http://8-com.blog.163.com 制作日志封面 〓更多博客相关技巧〓 〓寒情·博客地址〓 http://8-com.blog.163.com 日志图文排列

博客学堂 电脑学堂 素材超市 清明上河图版本大全 - 寒情 - 8-com 的博客 软件学院 音画图文 精彩图酷
生肖星座 生活百科 在线英语 在线书屋 趣味测试 音乐走廊
QQ 宝典 书画艺术 查看关于本站的更多信息 实用工具 收藏本站

推荐吧!与您的朋友一起快乐分享!
  评论这张
 
阅读(16040)| 评论(66)
推荐 转载

历史上的今天

评论

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

页脚

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