何谓三合一花边图框?这是一种由三张图片组成的图框,它与普通图框不同。因为普通图框只能贴一张图片,而三合一图框可以贴很多图片。它又与套装图框不一样,套装图框是由几张表格图片叠成的,三合一图框则是在一列 <td>内贴三张图片组成的。看下面这张图框好像是一张完整的图框。
这是由下面三张图片合成的。
图片一
代码:
<TABLE height=198 cellSpacing=0 borderColorDark=#453321 cellPadding=0 width=713 align=center borderColorLight=#b18453 background=http://bbs.680.cn/UploadFile/2005-7/200572393111304.jpg border=0>
<TBODY>
<TR>
<TD>
</TD></TR></TBODY></TABLE>
图片二
代码:
<TABLE height=60 cellSpacing=0 borderColorDark=#453321 cellPadding=0 width=713 align=center borderColorLight=#b18453 background=http://bbs.680.cn/UploadFile/2005-7/20057239312311.jpg border=0> <TBODY>
<TR>
<TD>
</TD></TR></TBODY></TABLE>
图片三
代码:
<TABLE height=185 cellSpacing=0 borderColorDark=#453321 cellPadding=0 width=713 align=center borderColorLight=#b18453 background=http://bbs.680.cn/UploadFile/2005-7/200572393233650.jpg border=0> <TBODY>
<TR>
<TD>
</TD></TR></TBODY></TABLE>
把上述三张图片的代码复制连接在一起,就成为一张三合一图框了。
三合一图框组合方法:
三合一图框的宽度大部份是700左右,因此必须设置全屏层。
全屏层代码:
<TABLE id=table1 style="LEFT: -20px; WIDTH: 700px; POSITION: relative; TOP: 40px" cellSpacing=40 align=center background=http://www.softlead.com.cn/resource/background/back02/066.gif border=0> <TBODY>
<TR>
<TD>
(在这个位置开始贴入三合一图框的第一,二张图片。) </TD></TR></TBODY></TABLE>
全屏层和第一二张图片合成效果:
全屏层和第一二张图片合成效果代码:
<TABLE id=table1 style="LEFT: -20px; WIDTH: 700px; POSITION: relative; TOP: 0px" cellSpacing=0 align=center background= border=0> <TBODY>
<TR>
<TD>
(下面贴第一张图片)
<TABLE height=198 cellSpacing=0 borderColorDark=#453321 cellPadding=0 width=713 align=center borderColorLight=#b18453 background=http://bbs.680.cn/UploadFile/2005-7/200572393111304.jpg border=0>
<TBODY>
<TR>
<TD>
</TD></TR></TBODY></TABLE>
(下面贴第二张图片)
<TABLE height=60 cellSpacing=0 borderColorDark=#453321 cellPadding=0 width=713 align=center borderColorLight=#b18453 background=http://bbs.680.cn/UploadFile/2005-7/20057239312311.jpg border=0> <TBODY>
<TR>
<TD>
(下面加入内容)
</TD></TR></TBODY></TABLE>
(这个位置留贴第三张图片)
</TD></TR></TBODY></TABLE>
三合一图框中贴图方法:
上面全屏层和第一二张图片合成效果代码中可以看到:
1,全屏层的四个结束句,反序放在下面的最后。
2,第二张图片表头的起始句和表尾的结束句连在一起的。
3,第三张图片的表头紧接第二张图片的尾,不能有断行断段。
在列(即<td>)开始插入内容。其结束句拉开放在下面。
4,把下列文字标题代码和图片代码插入<td>下面。