分享

大图对接模板边框制作...

 bx飞雪梅花 2011-05-30

       

大图对接模板边框制作(原创作者:幽梦)

很多朋友发信息说原来的教程只发代码看不明白,现在幽梦结合实例重新做了一下,应该

都能看懂了。

 

          组合的日志背景边框制作方法步骤如下:

     一:首先利用自己熟悉的图片制作软件,设计制作一幅自己满意喜欢的背景图片素材,或

择一幅自己喜欢的现成的背景图片素材,如下图:

闪闪钻石边角日志背景 - ※冷月寒梅※-qq-356657179 - ※冷月寒梅※-qq-356657179

二:将上图分割成三部分如下:

图片

上部

图片

中部

图片

下部

 注意下,你的图片切分后的某一部分必须是可以无限重叠的!!!当然大图音画就

有多处切分部分可以无限重叠!

三:将图片地址复制到如下的边框代码中:

下面是对接代码: 

滚动信纸文本框 一 - ☆夜月幽梦☆编辑-qq-356657179
滚动信纸文本框 一 - ☆夜月幽梦☆编辑-qq-356657179

<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>

 
滚动信纸文本框 一 - ☆夜月幽梦☆编辑-qq-356657179
 

四:这组代码只有三张图片的,每种颜色是一张图片的代码,别弄乱了。如果需要多的(比如大图边框),可复制粘贴增加。WIDTH是图片的宽度,height是图片的高度,要根据图片的大小修改数值。

 

五、 加上一个边框,效果如下:

 

 
这里输入文字……

 

 

 

  图片

 

 

       更多组合模板边框点击进入 图片

 

      这样设置好的图片任意一张都可以写字,这比在在线编辑器里慢慢调整方便得多。

 

        外框怎么弄,幽梦就不多说了,前面有N多教程,有兴趣的慢慢去看吧。

       

        这简单的一组代码,在QQ空间目前能运用自如的不多,这是幽梦自创的(用过幽梦做的

边框的朋友都知道,博客套用的代码没这好做,而且上下不能写字,不过现在博客也开始用这

种方法做),希望朋友拿去比幽梦做得更好。

                  

                                      欢迎转载  复制发表请保留原文链接!

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约