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

喜欢明天的博客

业无高卑志当坚 男儿有求安得闲 茶能醉人不必酒 书能香我何需花

 
 
 

日志

 
 
关于我

热爱生活,充满对生活的激情就是我!古人云:民生在勤 勤则不匮。因此切不可虚掷时光,当惜阴如金,做一番有意义的事业!

第二课 自制边框  

2008-01-25 21:43:03|  分类: 语嫣圈主教音画制 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

.

 对于刚接触音画的人来说,首先要明白自己要学什么。今天在这里讲述的是如何制作简单的边框。何为边框?大家可以去http://www.lxsc.net/index.asp?xAction=xBigclass&bigclassid=20这里看,你所看到的都是属于边框。边框可以自制(用自己的图片) ,也可以直接套用。如上面的网址,边框就可以直接套用了。

 

如何自制??

A 首先要确认自己制作的边框需要几层,然后再添加相应的边框代码,我在这里做个演示:

 一层边框:

 代码模式下编辑代码:

<TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=10 width=500 borderColorLight=#055b56 background=http://bbs.cnhubei.com/UploadFile/2006-9/200691723564486027.gif border=0>

<TBODY>

<TR>

<TD width="100%">

添加内容(文字)</TD></TR></TBODY></TABLE>

 

2008-1-21 08:12 删除 回复此发言

3

☆语嫣づ.

第二课 自制边框 - 喜欢明天 - 喜欢明天的博客

身份:圈主

发帖:89

TABLE 就是代表表格,border =边框粗细   width= 边框宽度     height =边框高度    cellspacing=单元格间距 cellpadding=边框间距   borderColor=边框颜色 background=背景图片,background=后面是接图片的地址( 即红色部分,图片的地址获取方法就是点图片的右键-属性-复制即可)。添加内容(文字)此处就是你需要在此边框添加的内容,可以在“所见所得模式”下直接进行编辑,可以对文字的属性编辑,以及可以直接插入图片等跟普通帖子一样的操作。你所需要做的就是,复制以上代码,替换背景图片以及添加内容即可。

 

2008-1-21 08:13 删除 回复此发言

4

☆语嫣づ.

第二课 自制边框 - 喜欢明天 - 喜欢明天的博客

身份:圈主

发帖:89

二层边框(同理替换背景图片即可):

代码: (表格的元素不一定都用到,可以根据需要复制不同的代码)

<TABLE borderColor=#cccccc cellSpacing=20 cellPadding=3 width="100%" background=http://bbs.cnhubei.com/UploadFile/2006-9/200691723564486027.gif border=0><TBODY><TR><TD>

<TABLE borderColor=#cccccc cellSpacing=1 cellPadding=3 width="100%" background=http://bbs.cnhubei.com/UploadFile/2006-9/200691723561894301.gif border=0><TBODY><TR><TD>添加内容(文字)</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 

2008-1-21 08:13 删除 回复此发言

5

☆语嫣づ.

第二课 自制边框 - 喜欢明天 - 喜欢明天的博客

身份:圈主

发帖:89

多层雷同,小总结:在知道自己要几层边框之后,可以直接复制<TABLE borderColor=#cccccc cellSpacing=20 cellPadding=3 width="100%" background=http://bbs.cnhubei.com/UploadFile/2006-9/200691723564486027.gif border=0><TBODY><TR><TD>这一段即可,有几层就复制几次,这样就缺少了结尾代码,没关系,不知道如何添加结尾代码,就可以直接在代码模式和所见所得模式多切换几次,你就会发现结尾代码已经自动添加好了。注意结尾代码一定不要乱,否则就会严重影响显示位置。前面有多少个“TABLE”,结尾就必须有多少组“</TD></TR></TBODY></TABLE>”与之对应。

2008-1-21 08:14 删除 回复此发言

6

☆语嫣づ.

第二课 自制边框 - 喜欢明天 - 喜欢明天的博客

身份:圈主

发帖:89

2.如何套用现成的边框?

    现成的边框都是很多网站收集的素材,但是很多人不知道如何运用,如何在原文件里面找到需要的边框代码,如何识别哪些是需要的代码??

    找到自己喜欢的边框后,点浏览器上面的查看-源文件,首先找到有该帖子的标题的地方,然后一般会出现由**人编辑字样,在这附近,一般会找到我们需要的代码,这些代码一般就以<TABLE style="LEFT: -115px; WIDTH: 1000px; ; TOP: 10px"......或者DIV开头的代码,然后中间你能看到一些都是TABLE有关的边框代码,结尾一般为很多组</TD></TR></TBODY></TABLE>结束的,有些有很多<br>结束的。所有的代码都几乎在整个源文件所有代码的中间位置。你们不妨试试看哦,我现在讲述一个例子来说明。

 

2008-1-21 08:15 删除 回复此发言

7

☆语嫣づ.

第二课 自制边框 - 喜欢明天 - 喜欢明天的博客

身份:圈主

发帖:89

例如:http://www.lxsc.net/index.asp?xAction=xReadNews&NewsID=23492此地址上面的这个漂亮边框,查看-源文件,以下就是我们需要的代码,大家可以对照去看去试着查找:

<TABLE style="LEFT: -115px; WIDTH: 1000px; ; TOP: 10px" cellSpacing=30 align=center background=http://cache44.51.com/photo5/b4/9c/glsa/4eaff5fcb422dff06c0478bbad4cc94as.jpg border=0>

<TBODY>

<TR>

<TD>

...................(中间省略)

..................(中间省略)

</DIV></MAP></MAP></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></MAP></P></MAP></MAP>

2008-1-21 08:15 删除 回复此发言

8

☆语嫣づ.

第二课 自制边框 - 喜欢明天 - 喜欢明天的博客

身份:圈主

发帖:89

给大家再介绍一下最简单的边框格式:

<TABLE cellSpacing=边框宽度 width="网页宽度" background=第一层边框图片网址>

<TBODY>在这里输入内容--

<TR>

<TD>

<TABLE cellSpacing=1 borderColorDark=#0d1737 cellPadding=边框宽度 width="网页宽度" borderColorLight=#24387a background=第二层边框图片网址 border=1>

<TBODY>

<TR>

<TD>

<TABLE cellPadding=边框宽度 width="网页宽度"background=第三层边框图片网址>

<TBODY>

<TR>

<TD>

<TABLE width="网页宽度" background=背景图片网址 border=0>

<TBODY>

<TR>

<TD>

  评论这张
 
阅读(346)| 评论(7)
推荐 转载

历史上的今天

评论

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

页脚

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