代码:
说明
将红色网址替换你喜欢的图片就可以了
<P align=center><FONT color=#ff0000 size=4><STRONG>
<TABLE cellSpacing=25 borderColorDark=#344228 cellPadding=0 width="100%" align=center borderColorLight=#7ea063 background=http://photo8.56.com/albums/userpics/datae/10/73/22105669%7C1073402227497fe83a0347e.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=15 borderColorDark=#344228 cellPadding=0 width="100%" align=center borderColorLight=#7ea063 background=http://photo8.56.com/albums/userpics/datae/19/05/22105669%7C1905985869497fe839dee87.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE cellPadding=0 width="100%" background=http://photo8.56.com/albums/userpics/datae/16/55/22105669%7C1655505851497fe83a2ecb0.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 borderColorDark=#344228 cellPadding=0 width="100%" borderColorLight=#7ea063 background=http://photo8.56.com/albums/userpics/datae/20/96/22105669%7C209689660497fe839d6373.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellPadding=0 width="100%" background=http://photo8.56.com/albums/userpics/datae/12/95/22105669%7C1295889515497fe839b0f0a.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 borderColorDark=#344228 cellPadding=0 width="100%" borderColorLight=#7ea063 background=http://photo8.56.com/albums/userpics/datae/12/95/22105669%7C1295889515497fe839b0f0a.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=650 background=http://photo8.56.com/albums/userpics/datae/12/95/22105669%7C1295889515497fe839b0f0a.jpg border=0>
<TBODY>
<TR>
<TD>
<P> </P>
<P> </P></TD>
<TD vAlign=top>
<DIV style="BACKGROUND-IMAGE: url(0000000000000000000)"> </DIV></TD>
<TR>
<TD align=middle colSpan=2>
<P align=left></A></P>
<P align=center> </P>
<P align=center> </P></TD></TR></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></STRONG></FONT><STRONG><FONT color=#ff0000 size=4></FONT></STRONG></P>
第一步:选择一套背景素材图片备用。它是编制边框的“材料”。
第二步:确定您要制作的边框的层数。边框可以根据需要可以是一层的(由于太单调,一般不采用),也可以是多层的,层数越多,边框结构越复杂,也越美,当然也不能没有限度,层数太多反而会显得零乱,以不超过13层为最佳。我们以9层为例进行学习。 过程: 没有注册的朋友请免费注册 然后进入发表文章编辑页面。(本博提示:如果暂时无法注册或者打开海星梦圆的情况下,您可以在《http://ny.xmu.edu.cn/editor.asp》或《http://www.doryuen.net/article/editor/editor.asp》进行操作!) 2、在文章编辑页面里点一下鼠标,再点工具栏中的“居中”,然后点击编辑框右上角的“查看HTML源代码”左边的小框打上勾,显示,会出现<P align=center> </P> 您就可以开始制作了。 我们先复制一套现成的套装代码: <P align=center> 复制完成后,“查看HTML源代码”前的去掉勾,就会显示边框。这套代码做出来效果如下:
显然,这套边框不是很好看。下面就告诉您如何将这个边框变成一套美丽的边框。 再把“查看HTML源代码前的小框打上,就会显示全套代码,开始制作过程。 这套代码的前六行就是第一层边框的代码。第一层代码是最重要的,因为一些基本参数要在这里确定。 WIDTH: 762px是边框整体外延的宽度,762正好是正常页面的宽度。小于这个数边框就会在页面的两边留出空隙,大于这个数就会突破正常页面,变成宽幅边框,这个我们下面再学习。TOP: 0px是边框上延与页面顶部的距离,除非有特殊需要,一般取0,否则边框顶部与页面会出现空隙,不美观。cellSpacing=35 是第一层边框与第二层边框的距离,数字越大,边框最外层的宽度就越大,一般根据需要调整。http://xz2.2000y.net/314311/uploadpic/2006052815344215698.gif 就是第一层边框图片的代码。从第二层到第9层边框的代码是一样的,只是图片代码不同而已。从<TBODY>到下一个<TBODY>之间就是一层边框的代码。 下面我们着手对这个边框进行“改装” 第四步:逐层替换边框图案。首先复制我们事先在另一页面准备好的上面那些边框素材代码。 方法是:鼠标右键单击素材图片,在出现的界面的最下方有“属性”,左键单击,就会出现图片属性界面,复制其中的地址代码,用这个代码替换原来边框第一层的图片代码。我们用上面的第一幅图片地址http://xz2.2000y.net/314311/uploadpic/2006111116250046964.jpg作为新边框的第一层图案,替换原边框的第一层图案代码http://xz2.2000y.net/314311/uploadpic/2006052815344215698.gif 得到下面的效果:
用第二幅图片替换第二层、第4层和第6层的边框图片,得到: 用第三幅图片替换原边框的第3、第5、第9层,用第四幅图片替换原边框的第7层。用第五幅图片替换原边框的第8层,最终,我们得到了如下的新边框:
|
您对这个新边框还满意吗?您可以根据这些步骤“照猫画虎”地练习,熟练后就可以运用自如了!
注意事项:
1、边框素材选择色彩要相近,反差太大反而不好看。但也不能完全没有色差,那样会显得单调呆板。
2、最里层的图案最好使用单色或略有变化的图案,因为这里要粘贴文字和图片。
3、每一段代码之间都留有一个字母的间隙,要留够,否则这一层图案就不显示。
4、制作边框用的图片素材必须是jpg或gif格式,否则不能用(就是每个图片地址代码的后缀)。
这个新边框的完整代码是:
<P align=center>
<TABLE style="TABLE-LAYOUT: fixed" cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="WORD-WRAP: break-word"><FONT color=#3300ff size=4>
<P align=center>
<TABLE style="LEFT: 0px; WIDTH: 762px; ; TOP: 0px" cellSpacing=45 align=center background=http://xz2.2000y.net/314311/uploadpic/2006111116250046964.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=8 cellPadding=0 width="100%" background=http://xz2.2000y.net/314311/uploadpic/2006111116255791509.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=2 cellPadding=0 width="100%" background=http://xz2.2000y.net/314311/uploadpic/2006111116285250783.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=8 cellPadding=0 width="100%" background=http://xz2.2000y.net/314311/uploadpic/2006111116255791509.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=2 cellPadding=0 width="100%" background=http://xz2.2000y.net/314311/uploadpic/2006111116285250783.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=8 cellPadding=0 width="100%" background=http://xz2.2000y.net/314311/uploadpic/2006111116255791509.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=20 cellPadding=0 width="100%" background=http://xz2.2000y.net/314311/uploadpic/2006111116225561741.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=20 cellPadding=0 width="100%" background=http://xz2.2000y.net/314311/uploadpic/2006111116265765318.gif border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" background=http://xz2.2000y.net/314311/uploadpic/2006111116285250783.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<CENTER><FONT color=#8fbc8f size=7>题目</FONT></CENTER>
<CENTER><FONT color=#8fbc8f></FONT> </CENTER>
<CENTER><FONT color=#8fbc8f></FONT> </CENTER>
<CENTER><FONT color=#8fbc8f>内容</FONT></CENTER>
<CENTER><FONT color=#8fbc8f></FONT> </CENTER>
<CENTER><FONT color=#8fbc8f></FONT> </CENTER>
<CENTER><FONT color=#8fbc8f></FONT> </CENTER>
<CENTER><FONT color=#8fbc8f></FONT> </CENTER>
<CENTER><FONT color=#8fbc8f></FONT> </CENTER>
<CENTER><FONT color=#8fbc8f></FONT> </CENTER>
<CENTER><FONT color=#8fbc8f></FONT> </CENTER>
<CENTER><FONT color=#8fbc8f></FONT> </CENTER>
<CENTER><FONT color=#8fbc8f></FONT> </CENTER>
<CENTER><FONT color=#8fbc8f></FONT> </CENTER>
<CENTER> </CENTER>
<CENTER><IMG src="http://xz2.2000y.net/314311/uploadpic/2006111116263794454.jpg"></CENTER>
<CENTER>
<P align=center><A title=点击图片看全图 href="http://haixing945.16789.net/" target=_blank <P align="center"><FONT color=#ff8c00 size=5><STRONG><IMG alt="" src="http://haixing945.16789.net/s-helpSite/domName/haixing945/200722634533610.gif" border=0></STRONG></FONT></A></P>
<P align=center><A href="http://haixing945.16789.net/"><FONT color=#bdb76b size=5>http://haixing945.16789.net/</FONT></A></P>
<P align=center> </P></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P></P></TD></TR></TBODY>
<P></P>
<P></P>
<P></P>
<P></P>
<P></P>
<P></P>
<P></P></FONT></TR></TABLE></P></TD></TR>
<TR>
<TD borderColor=#ffffff width="100%">
<HR SIZE=1>
</TD></TR></TBODY></TABLE></P>
评论