大图对接模板边框制作(原创作者:幽梦)
很多朋友发信息说原来的教程只发代码看不明白,现在幽梦结合实例重新做了一下,应该
都能看懂了。
组合的日志背景边框制作方法步骤如下:
一:首先利用自己熟悉的图片制作软件,设计制作一幅自己满意喜欢的背景图片素材,或
选择一幅自己喜欢的现成的背景图片素材,如下图:
二:将上图分割成三部分如下:
上部
中部
下部
注意下,你的图片切分后的某一部分必须是可以无限重叠的!!!当然大图音画就
有多处切分部分可以无限重叠!
三:将图片地址复制到如下的边框代码中:
下面是对接代码:
|
|
|
<TABLE style="LEFT: -5px; BACKGROUND-IMAGE: url(图片地址一); WIDTH: 800px; POSITION: relative; TOP: 0px" borderColor=#cccccc height=320 cellPadding=12 width="100%" align=center bgColor=#000000 border=0> <TBODY> <TR> <TD> <P align=center> </P> <P align=center><FONT color=#cc9900 size=5></FONT> </P> <P align=center> </P></TD></TR></TBODY></TABLE> <DIV></DIV> <DIV class=articalContent align=center> <TABLE style="LEFT: -5px; BACKGROUND-IMAGE: url(图片地址二); WIDTH: 800px; POSITION: relative; TOP: 0px" borderColor=#cccccc height=320 cellPadding=12 width="100%" align=center bgColor=#000000 border=0> <TBODY> <TR> <TD> <P align=center> </P> <P align=center><FONT color=#cc9900 size=5></FONT> </P> <P align=center> </P></TD></TR></TBODY></TABLE> <DIV></DIV> <DIV class=articalContent align=center> <TABLE style="LEFT: -5px; BACKGROUND-IMAGE: url(图片地址三); WIDTH: 800px; POSITION: relative; TOP: 0px" borderColor=#cccccc height=320 cellPadding=12 width="100%" align=center bgColor=#000000 border=0> <TBODY> <TR> <TD> <P align=center> </P> <P align=center><FONT color=#cc9900 size=5></FONT> </P> <P align=center> </P></TD></TR></TBODY></TABLE> <DIV></DIV> <DIV class=articalContent align=center>
|
|
四:这组代码只有三张图片的,每种颜色是一张图片的代码,别弄乱了。如果需要多的(比如大图边框),可复制粘贴增加。WIDTH是图片的宽度,height是图片的高度,要根据图片的大小修改数值。
五、 加上一个边框,效果如下:
这里输入文字……
|
|
更多组合模板边框点击进入
这样设置好的图片任意一张都可以写字,这比在在线编辑器里慢慢调整方便得多。
外框怎么弄,幽梦就不多说了,前面有N多教程,有兴趣的慢慢去看吧。
这简单的一组代码,在QQ空间目前能运用自如的不多,这是幽梦自创的(用过幽梦做的
边框的朋友都知道,博客套用的代码没这好做,而且上下不能写字,不过现在博客也开始用这
种方法做),希望朋友拿去比幽梦做得更好。
欢迎转载 复制发表请保留原文链接!