欢迎您!启步学代码。
(游子学习笔记。 供初学HTML代码的朋友参考)
如何使用三合一图框
三合一花边图框这是一种由三张图片组成的图框。它与套装图框不一样,套装图框是由几张表格图片叠成的,三合一图框则是由三张图片组成的,这种图框插入内容操作较容易,网页打开也较快。第一张图片是顶部花边;第二张是贴入所有内容;第三张是底部花边.看下面这个图框好像是一张完整的图框。
在这张图框插入所有内容.
其实这个图框是由下面三张图片合成的:
◆第一张是图框的顶部.
◆第二张是图框的中部.所有内容都在这图片中插入.
在这张图框插入所有内容.
◆第三张是图框的底部.
三合一花边图框代码模式:
在这张图框插入所有内容. |
说明:
◆黑色字体是第一张图片代码,即顶部边框.
◆红色字体是第二张图片代码,即内容插入框.
◆蓝色体是第三张图片代码,即底部边框.
◆第二张表格的单元格内容与格线的距离(cellPadding=40 )要设大些,
内容才不会溢出边框的图案.
◆各张表格的首尾标签不可设有空格、分行和分段,否则图框吻合不整齐.
◆三张表格都要用原图片的宽度和高度,特别是宽度,切切要同一样的参数.
◆把图片地址粘帖在空白网页上,打开后击图片右键,选属性找出图片大小数据.
◆第一和第二张图片如果有空白位置也可插入一些文字或图片.
三合一花边图框实例(一)
在这张图框插入所有内容..
三合一花边图框实例(一)代码:
三张图片的地址,宽度和高度:
http://image11.360doc.com/DownloadImg/2010/06/1009/3528217_6.jpg 700*167
http://image11.360doc.com/DownloadImg/2010/06/1009/3528217_6.jpg 700*40
http://image11.360doc.com/DownloadImg/2010/06/1009/3528217_7.jpg 700*174
三合一花边图框实例(二):
在这张图框插入所有内容..
三合一花边图框实例(二)代码:
三张图片的地址,宽度和高度:
http://image11.360doc.com/DownloadImg/2010/06/1009/3528217_8.gif 700*125
http://image11.360doc.com/DownloadImg/2010/06/1009/3528217_9.gif 700125
http://image11.360doc.com/DownloadImg/2010/06/1009/3528217_10.gif 700*140
三合一花边图框实例(三):
在这张图框插入所有内容..
三合一花边图框实例(三)代码:
三张图片的地址,宽度和高度:
http://bbs.gw.com.cn/UploadFile/2008-7/[**************].jpg 850*192
http://bbs.gw.com.cn/UploadFile/2008-7/[**************].jpg 850*60
http://bbs.gw.com.cn/UploadFile/2008-7/[**************].jpg 850*189
使用三合一花边框贴图代码:
显示结果:
一剪寒梅傲立雪中
',1)">
一剪梅
真情像草原广阔
层层风雨不能阻隔
总有云开 日出时候
万丈阳光照亮你我
真情像梅花开遍
冷冷冰雪不能掩没
就在最冷
枝头绽放
看见春天走向你我
雪花飘飘北风啸啸
天地一片苍茫
一剪寒梅
傲立雪中
只为伊人飘香
爱我所爱无怨无悔
此情长留
心间
雪花飘飘北风啸啸
天地一片苍茫
一剪寒梅
傲立雪中
只为伊人飘香
爱我所爱无怨无悔
此情长留
心间
',2)">
图文:网络 /编辑:游子(2008-10-28)
◇ 击点打开html代码浏览器◇
原创编辑:游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编
(为了让更多网友学用html代码制作音画贴,本贴欢迎转载.但是.我用了很多时间和精力编写这些资料的,转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢!)
欢迎您!启步学代码。
(游子学习笔记。 供初学HTML代码的朋友参考)
如何使用三合一图框
三合一花边图框这是一种由三张图片组成的图框。它与套装图框不一样,套装图框是由几张表格图片叠成的,三合一图框则是由三张图片组成的,这种图框插入内容操作较容易,网页打开也较快。第一张图片是顶部花边;第二张是贴入所有内容;第三张是底部花边.看下面这个图框好像是一张完整的图框。
在这张图框插入所有内容.
其实这个图框是由下面三张图片合成的:
◆第一张是图框的顶部.
◆第二张是图框的中部.所有内容都在这图片中插入.
在这张图框插入所有内容.
◆第三张是图框的底部.
三合一花边图框代码模式:
在这张图框插入所有内容. |
说明:
◆黑色字体是第一张图片代码,即顶部边框.
◆红色字体是第二张图片代码,即内容插入框.
◆蓝色体是第三张图片代码,即底部边框.
◆第二张表格的单元格内容与格线的距离(cellPadding=40 )要设大些,
内容才不会溢出边框的图案.
◆各张表格的首尾标签不可设有空格、分行和分段,否则图框吻合不整齐.
◆三张表格都要用原图片的宽度和高度,特别是宽度,切切要同一样的参数.
◆把图片地址粘帖在空白网页上,打开后击图片右键,选属性找出图片大小数据.
◆第一和第二张图片如果有空白位置也可插入一些文字或图片.
三合一花边图框实例(一)
在这张图框插入所有内容..
三合一花边图框实例(一)代码:
三张图片的地址,宽度和高度:
http://image11.360doc.com/DownloadImg/2010/06/1009/3528217_6.jpg 700*167
http://image11.360doc.com/DownloadImg/2010/06/1009/3528217_6.jpg 700*40
http://image11.360doc.com/DownloadImg/2010/06/1009/3528217_7.jpg 700*174
三合一花边图框实例(二):
在这张图框插入所有内容..
三合一花边图框实例(二)代码:
三张图片的地址,宽度和高度:
http://image11.360doc.com/DownloadImg/2010/06/1009/3528217_8.gif 700*125
http://image11.360doc.com/DownloadImg/2010/06/1009/3528217_9.gif 700125
http://image11.360doc.com/DownloadImg/2010/06/1009/3528217_10.gif 700*140
三合一花边图框实例(三):
在这张图框插入所有内容..
三合一花边图框实例(三)代码:
三张图片的地址,宽度和高度:
http://bbs.gw.com.cn/UploadFile/2008-7/[**************].jpg 850*192
http://bbs.gw.com.cn/UploadFile/2008-7/[**************].jpg 850*60
http://bbs.gw.com.cn/UploadFile/2008-7/[**************].jpg 850*189
使用三合一花边框贴图代码:
显示结果:
一剪寒梅傲立雪中
',1)">
一剪梅
真情像草原广阔
层层风雨不能阻隔
总有云开 日出时候
万丈阳光照亮你我
真情像梅花开遍
冷冷冰雪不能掩没
就在最冷
枝头绽放
看见春天走向你我
雪花飘飘北风啸啸
天地一片苍茫
一剪寒梅
傲立雪中
只为伊人飘香
爱我所爱无怨无悔
此情长留
心间
雪花飘飘北风啸啸
天地一片苍茫
一剪寒梅
傲立雪中
只为伊人飘香
爱我所爱无怨无悔
此情长留
心间
',2)">
图文:网络 /编辑:游子(2008-10-28)
◇ 击点打开html代码浏览器◇
原创编辑:游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编
(为了让更多网友学用html代码制作音画贴,本贴欢迎转载.但是.我用了很多时间和精力编写这些资料的,转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢!)