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

烈焰红唇

交友学习QQ相册密码29

 
 
 

日志

 
 

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

2014-08-07 21:12:15|  分类: 【博客代码】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自招财&咕噜《如何制作日志边框》
 

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>



 

 

                                                                   博客导航 - 招财咕噜 - 招财咕噜
                                                                         欢迎猫朋猫友来做客

 

拙笔涂鸦

软件学习

小图音画

引用日志

边框总汇

播放器集

图FLASH

音画网站

关爱动物

猫咪品种

动物客厅

动物视频

小布丁说

少儿阅读

少儿论语

古诗欣赏

教育资源

猫咪故事

招财咕噜

幼儿教育

可爱宝贝

闲时读书

古文鉴赏

传统文化

艺术典藏

文化盛典

文化视频

游园惊梦

舌尖中国

美丽中国

名家名作

诗文朗诵

网络直播

幸福密码

美丽风景

海底世界

美丽鸟儿

花草树木

动物故事

动物电影

 

  评论这张
 
阅读(13)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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