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

.

.

 
 
 

日志

 
 

教程:带顶图的纯色日志背景边框制作方法  

2010-06-10 20:14:55|  分类: 日志边框 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1:复制下面的《颜色边框制作代码》:

<TABLE borderColor=#80c000 cellSpacing=2 cellPadding=6 width=680 align=center bgColor=#c0ff80 border=40>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#8c8c00 cellSpacing=1 cellPadding=4 width=630 align=center bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<P dir=ltr style="MARGIN-RIGHT: 0px"><FONT size=4></FONT><STRONG><FONT color=#ffffff>&nbsp;</FONT></STRONG></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 

2:在显示HTML代码状态下,把上面的代码粘贴到日志编辑框内,然后再点击

“隐藏HTML代码”,就制作成了如下的颜色背景边框:

 

 

3:选择一幅素材图片,利用ISEE图片专家软件(或其他图片处理软件)把素材图片加工成适当尺寸,为了好看点,我在这里给图片加了个简易相框,效果如下:

教程:带顶图的纯色日志背景边框制作方法 - 心灵之约 - .

 

4:把上面加工制作好的图片上传到博客相册中,然后再利用“插图”功能把图片插入到背景边框中(也可以把相册中的图片按原尺寸复制粘贴到边框内),并加入适当文字,就制作好了,如下图所示:

- 心灵之约 - .

在此写入博客日志……

点击浏览更多

 

说明:代码中的颜色和尺寸可以根据自己的需要进行调整。调整颜色和尺寸可以制作出各种不同颜色和尺寸的边框。我发表的许多背景边框就是利用这种方法制作的。这种方法的优点是:制作简单,制作成的边框美观大方简洁雅致,使用起来又很方便。

 

首页模块代码分享

教程:带顶图的纯色日志背景边框制作方法 - 心灵之约 - .

代码复制:

<TABLE style="WIDTH: 175px; HEIGHT: 100px;"  cellSpacing="0" borderColorDark="#608040" cellPadding="0" width="175" align="center" bgColor="#a0c060" borderColorLight="#608040" border="2" >  <TBODY>  <TR>  <TD>  <TABLE borderColor="#608040" cellPadding="0" border="4" >  <TBODY>  <TR>  <TD>  <TABLE style="WIDTH: 154px; HEIGHT: 300px;"  borderColor="#800000" cellSpacing="0" cellPadding="0" width="154" align="center" border="1" >  <TBODY>  <TR></TR></TABLE>  <TABLE style="WIDTH: 154px; HEIGHT: 300px;"  borderColor="#800000" cellSpacing="0" cellPadding="0" width="154" align="center" border="1" >  <TBODY>  <TR></TR></TABLE>  <CENTER>  <CENTER>  <TABLE style="WIDTH: 175px; HEIGHT: 70px;"  borderColor="#a0c080" height="70" cellSpacing="3" cellPadding="4" width="175" bgColor="#a0c060" border="4" >  <TBODY>  <TR align="middle" borderColorLight="#2a404b" borderColorDark="#fffff0" >  <TD colSpan="2" ><FONT color="#ff6600" ><B><IMG src="http://img8.ph.126.net/s60dk3bStziw3LEMJhDeRg==/1881660219311693598.gif"  width="150" > </B></FONT></TD>  <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" ></TR></TR></TABLE>  <DIV style="SCROLLBAR-FACE-COLOR: #bdcc12; SCROLLBAR-HIGHLIGHT-COLOR: #f8ecd8; OVERFLOW: scroll; WIDTH: 175px; SCROLLBAR-SHADOW-COLOR: #20286e; SCROLLBAR-3DLIGHT-COLOR: #cacff4; SCROLLBAR-ARROW-COLOR: #cacff4; SCROLLBAR-TRACK-COLOR: #80a040; SCROLLBAR-DARKSHADOW-COLOR: #f8ecd8; HEIGHT: 325px; BACKGROUND-COLOR: #000000;"  >  <TABLE style="WIDTH: 170px; HEIGHT: 70px;"  borderColor="#a0c080" height="70" cellSpacing="3" cellPadding="4" width="170" bgColor="#a0c060" border="4" >  <TBODY>  <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" >  <TD colSpan="2" ><FONT face="宋体" color="#207af6" ><STRONG>  <P><FONT color="#000000" size="2" ><A target="_blank" href="http://wcxh.ok.blog.163.com/blog/static/278211432008229111531191/" ><FONT face="宋体" color="#000000" ><STRONG><B>博客◆装饰</B></STRONG></FONT></A></FONT></P></STRONG></FONT></TD></TR>  <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" >  <TD>  <P align="left" ><A target="_blank" href="http://wcxh.ok.blog.163.com/blog/static/278211432007514105334354/" ><FONT color="#000000" >HTML字库代码</FONT></A></P></TD></TR>  <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" >  <TD>  <P align="left" ><A target="_blank" href="http://wcxh.ok.blog.163.com/blog/static/2782114320102256422770/" ><FONT color="#000000" >日志背景边框</FONT></A></P></TD></TR>  <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" >  <TD>  <P align="left" ><A target="_blank" href="http://wcxh.ok.blog.163.com/blog/static/278211432007514105641547/" ><FONT color="#000000" >做帖子的一些常用代码</FONT></A></P></TD></TR>  <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" >  <TD>  <P align="left" ><A target="_blank" href="http://wcxh.ok.blog.163.com/blog/static/27821143200742275142775/" ><FONT color="#000000" >各类相册制作代码</FONT></A></P></TD></TR>  <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" >  <TD>  <P align="left" ><A target="_blank" href="http://wcxh.ok.blog.163.com/blog/static/27821143200742472535869/" ><FONT color="#000000" >透明FLASH素材</FONT></A></P></TD></TR>  <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" >  <TD>  <P align="left" ><A target="_blank" href="http://wcxh.ok.blog.163.com/blog/static/27821143200863172633484/" ><FONT color="#000000" >颜色代码表</FONT></A></P></TD></TR>  <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" >  <TD>  <P align="left" ><A target="_blank" href="http://wcxh.ok.blog.163.com/blog/static/27821143200742473944416/" ><FONT color="#000000" >博客装饰-漂亮日志代码</FONT></A></P></TD></TR>  <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" >  <TD>  <P align="left" ><A target="_blank" href="http://wcxh.ok.blog.163.com/blog/static/27821143201041563845483/" ><FONT color="#000000" >可换文字随鼠标的星光链</FONT></A></P></TD></TR>  <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" >  <TD>  <P align="left" ><A target="_blank" href="http://wcxh.ok.blog.163.com/blog/static/2782114320099221748184/" ><FONT color="#000000" >一周学会用代码做音画贴</FONT></A></P></TD></TR>  <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" >  <TD>  <P align="left" ><A target="_blank" href="http://wcxh.ok.blog.163.com/blog/static/2782114320083610237304/" ><FONT color="#000000" >音画边框制作及代码</FONT></A></P></TD></TR>  <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" >  <TD>  <P align="left" ><A target="_blank" href="http://wcxh.ok.blog.163.com/blog/static/27821143201056144552/" ><FONT color="#000000" >让日记发出声音~女人声</FONT></A></P></TD></TR>  <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" >  <TD>  <P align="left" ><A target="_blank" href="http://wcxh.ok.blog.163.com/blog/static/2782114320076610201846/" ><FONT color="#000000" >立体魔方等特效代码</FONT></A></P></TD></TR>  <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" >  <TD>  <P align="left" ><A target="_blank" href="http://wcxh.ok.blog.163.com/blog/static/27821143200742472050157/" ><FONT color="#000000" >移动文字+背景音乐</FONT></A></P></TD></TR>  <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" >  <TD>  <P align="left" ><A target="_blank" href="http://wcxh.ok.blog.163.com/blog/static/27821143200836102555733/" ><FONT color="#000000" >图片上贴多个flash代码</FONT></A></P></TD></TR>  <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" >  <TD colSpan="2" >  <MARQUEE scrollAmount="3" direction="right" width="5%"  ><FONT face="宋体" color="#000000" ></FONT></MARQUEE><A target="_blank" href="http://wcxh.ok.blog.163.com/blog/static/278211432008229111531191/" ><FONT face="宋体" color="#000000" ><STRONG>点击这里阅览更多</STRONG></FONT></A></TD></TR>  <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" >  <TD>  <TABLE style="WIDTH: 120px; HEIGHT: 20px;"  borderColor="#a0c080" height="20" cellSpacing="1" cellPadding="2" width="120" bgColor="#a0c060" border="4" >  <TBODY>  <TR align="middle" borderColorLight="#2a404b" borderColorDark="#fffff0" >  <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" >  <TD width="50%"  ><A target="_blank" href="http://wcxh.ok.blog.163.com/blog/static/27821143201051081455348/" ><STRONG><FONT color="#000000" >模块代码分享</FONT></STRONG></A></TD></TR></TR></TABLE></TD></TR></TABLE></DIV></CENTER></CENTER></TD></TR></TABLE></TD></TR></TABLE>

  评论这张
 
阅读(3421)| 评论(5)
推荐 转载

历史上的今天

评论

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

页脚

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