Board logo

标题: 在三合一图图框内贴图代码 [打印本页]

作者: 尘世难逢    时间: 2006-5-6 15:05     标题: 在三合一图图框内贴图代码

如何在三合一图框中贴图

何谓三合一花边图框?这是一种由三张图片组成的图框,它与普通图框不同。因为普通图框只能贴一张图片,而三合一图框可以贴很多图片。它又与套装图框不一样,套装图框是由几张表格图片叠成的,三合一图框则是在一列 <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>下面。

(一)文字标题代码: <CENTER><FONT style="COLOR: #FFFF00; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%">三合一图框中贴图</FONT><</CENTER>
三合一图框中贴图
(二)直线花边代码: <P align=center><IMG src="http://www.bingwu.net/bbs/UploadFile/2005-1/2005130213220553.gif"> </P>

(三)风景图片代码: <P align=center><IMG src="http://photo.southcn.com/upload/F202922004.11.4.22.22.330.jpg"> </P>

(四)签名代码: <font style=font:20pt face=隶书 color=fff000>图文:网络<br>编辑:新手</font> 图文:网络 编辑:新手 同时把三合一的第三张图片编入第二张三合一图片的结束句下面。 在三合一图框中贴图的效果如下:
三合一图框中贴图

图文:网络 编辑:新手
在三合一图框中贴图的代码如另附于下

图文:网络 西湖天堂 欢迎交流

 


作者: 尘世难逢    时间: 2006-5-6 15:08

代码如下:

<br><br><br><br> <TABLE id=table1 style="LEFT: -240px; 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> <CENTER><FONT style="COLOR: #FFFF00; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%">三合一图框中贴图</FONT> <br> <P align=center><IMG src="http://www.bingwu.net/bbs/UploadFile/2005-1/2005130213220553.gif"> </P> <P align=center><IMG src="http://photo.southcn.com/upload/F202922004.11.4.22.22.330.jpg"width=500 height=680> </P> <font style=font:20pt face=隶书 color=fff000>图文:网络<br>编辑:新手</font> </CENTER> </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> </CENTER></TD></TR></TOBDY></TBODY></TABLE><br><br></P>


作者: 尘世难逢    时间: 2006-5-6 15:09

三合一图框中贴图

图文:网络 编辑:新手

作者: 雪儿    时间: 2006-5-7 11:16

谢谢老头,俺来学习了。
作者: 帅哥来了    时间: 2006-5-11 18:30

谢谢管理
作者: 碧清    时间: 2006-5-16 11:44

谢谢老师!图片好漂亮!讲的也详细!
作者: 小嘎    时间: 2006-5-16 11:59

提示: 作者被禁止或删除 内容自动屏蔽




欢迎光临 西湖天堂 (http://xh1688.com/bbs/) Powered by Discuz! 7.0.0