搜狐日志双层边框代码

来源：百度文库 编辑：神马文学网 时间：2024/05/23 19:53:48

1、平面双层模板制作

1-1、双层底图的源代码

图片1 地址); WIDTH: 100%" cellSpacing=60>



图片2 地址); WIDTH: 100%" cellSpacing=50>



    


代码中的参数介绍

 

其中：

WIDTH: 100% 底图幅宽

cellSpacing=60 底图空白边宽度（第一层）

cellSpacing=50 底图空白边宽度（第二层）

 

1-2、选择两张图片、取得图片地址代码

第一层的图片和它的地址代码

 

 

 

 

 

 

 

 

 

http://1813.img.pp.sohu.com.cn/images/blog/2009/5/30/23/1/1223e21fd2dg215.jpg

第二层的图片和它的地址代码 

 

 

 http://image14.360doc.com/DownloadImg/2010/08/2318/4803054_2.jpg

 

1-3、制作自选图代码 

http://image14.360doc.com/DownloadImg/2010/08/2318/4803054_1.jpg); WIDTH: 100%" cellSpacing=60>



http://image14.360doc.com/DownloadImg/2010/08/2318/4803054_2.jpg); WIDTH: 100%" cellSpacing=50>



    

 

1-4、平面双层模板制作的效果


    

 

2、立体感双层模板的制作

2-1、源代码

图片1 地址); WIDTH: 100%" cellSpacing=60 border=3>



图片2 地址); WIDTH: 100%" cellSpacing=50 border=1>



    


代码中的参数介绍

其中：

WIDTH: 100% 底图幅宽

cellSpacing 底图空白边宽度（改变数字，图的空白边宽度不同）

border=1 立体感（改变数字，立体效果不同）

 

2-2、选择两张图片、取得图片地址代码

第一层的图片和它的地址代码

 

http://image14.360doc.com/DownloadImg/2010/08/2318/4803054_3.jpg

 第二层的图片和它的地址代码

 

http://image14.360doc.com/DownloadImg/2010/08/2318/4803054_4.jpg

 

2-3、制作自图代码

http://image14.360doc.com/DownloadImg/2010/08/2318/4803054_3.jpg); WIDTH: 100%" cellSpacing=60 border=3>



http://image14.360doc.com/DownloadImg/2010/08/2318/4803054_4.jpg); WIDTH: 100%" cellSpacing=50 border=1>



    


 

 

 

2-4、自己制作的立体感双层模板效果

    

 

 

 

3、立体感镶金边双层模板的制作

3-1、源代码

图片1 地址); WIDTH: 100%" cellSpacing=70 cellPadding=2 bgColor=#ffffff border=1>



http://tw.netsh.com/eden/img/forumupload/711609/11389736641137020.gif); WIDTH: 100%" cellSpacing=5 cellPadding=2 bgColor=#ffffff border=1>



图片2 地址); WIDTH: 100%" cellSpacing=45 cellPadding=2 bgColor=#ffffff border=0>



 







 

注：姜黄色部分为金边图的地址。也可以用其他色彩的图片，替换金边

3-2、选择两张图片、取得图片地址代码

第一层的图片和它的地址代码

 http://image14.360doc.com/DownloadImg/2010/08/2318/4803054_5.jpg

 第二层的图片和它的地址代码

 

 http://image14.360doc.com/DownloadImg/2010/08/2318/4803054_6.jpg

 

3-3、制作自选图代码

http://image14.360doc.com/DownloadImg/2010/08/2318/4803054_5.jpg); WIDTH: 100%" cellSpacing=70 cellPadding=2 bgColor=#ffffff border=3>



http://tw.netsh.com/eden/img/forumupload/711609/11389736641137020.gif); WIDTH: 100%" cellSpacing=5 cellPadding=2 bgColor=#ffffff border=1>



http://image14.360doc.com/DownloadImg/2010/08/2318/4803054_6.jpg); WIDTH: 100%" cellSpacing=45 cellPadding=2 bgColor=#ffffff border=0>