《简易边框自己做》边框制作教程

一、边框顶栏底图与FLASH代码

<TABLE border=1 cellSpacing=0 borderColor=#9d9d9d cellPadding=0>

<TBODY>

<TR>

<TD height=360background=http://img2.ph.126.net/dF4K9PBQ1tN5De-Yiibp1g==/1382323610726035154.jpg width=900>

<DIV align=center>

<EMBED height=300 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=650 src=http://imgcache.qq.com/qzone/space_item/orig/13/67309.swf?id=www.meqzone.com&amp;type=.swf allowNetworking="internal" allowScriptAccess="never" quality="high" invokeurls="false" wmode="transparent"></DIV>

</TD>

<TR>

<TD height=100 background=http://img0.ph.126.net/wpcOEnjV40NWTJm8be-zew==/147211412919677058.jpg width=900>

<P>&nbsp;</P>

注解：

1、border=1  数值1改为0边框线消失，数值加大边线加粗。

borderColor=#9d9d9d    边框线颜色

2、红色代码为顶栏底图地址。

如果边框宽度设置成900(黄色代码width=900），底图上传需在相册中进行，别忘  “保留原图”打钩，底图原尺寸需要与边框宽度匹配，即宽度也为910，切记！

3、黄色代码为顶栏FLASH链接地址。

4、橙色为中区底图地址，一般采用方块底图。

二、编辑日志正文边框代码

<DIV align=center>

<TABLE style="WIDTH: 800px" border=1 cellSpacing=0 borderColor=#9d9d9d cellPadding=0 background=http://image67.360doc.com/DownloadImg/2013/12/0509/37230147_5.gif align=center>

<TBODY>

<TR vAlign=top align=left>

<TD>

<P><FONT size=5><FONT color=#ffffff>编者按：时常见到友友日志所用边框底图，可谓五彩冰纷、精妙绝伦，可惜要做好这样的边框，对于一般不擅长PS的人来说，只能望成莫及，无从下手。应友友之邀现作简易边框制作方法，只要你会换图、换FALSH地址那就成了，如有高手见到此文还望赐教。</FONT></FONT></P>

<P>&nbsp;</P></TD></TR></TBODY></TABLE><P>&nbsp;</P><DIV></DIV></DIV>

注解：

1、加此编辑框是为了解决文字居中，不让文字紧靠在左右的两边线上。border=1 数值1改为0 边框线消失（建议）

2、红色代码为透明底图地址，也可换成你喜欢的底图。

三、底栏底图与FLASH代码

</TD>

<TR>

<TD height=300 background=http://img0.ph.126.net/b31phLjn9BsDdu2xS8GxOA==/3904620877030329480.jpg width=900>

<EMBED height=230 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=550 src=http://home.202030.com/mp3.swf?user=gjw8064 allowNetworking="internal" allowScriptAccess="never" quality="high" invokeurls="false" wmode="transparent">&nbsp;</TD></TR></TR></TR></TBODY></TABLE>

注解：

1、黄色代码为底图与FLASH尺寸数值。

其中：height=300 底图高度，调试到底图没有重叠为止。

width=900 尺寸与顶栏宽度一致。

2、红色代码为FLASH地址，一般可选用透明FLASH，此文中我是放了一个透明202030播放器，在制作播放器时可加FLASH和图片，只要自己觉得美观即可。

四、边框完整代码

<TABLE border=1 cellSpacing=0 borderColor=#9d9d9d cellPadding=0>

<TBODY>

<TR>

<TD height=360background=http://img2.ph.126.net/dF4K9PBQ1tN5De-Yiibp1g==/1382323610726035154.jpg width=900>

<DIV align=center>

<EMBED height=300 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=650 src=http://imgcache.qq.com/qzone/space_item/orig/13/67309.swf?id=www.meqzone.com&amp;type=.swf allowNetworking="internal" allowScriptAccess="never" quality="high" invokeurls="false" wmode="transparent"></DIV>

</TD>

<TR>

<TD height=100 background=http://img0.ph.126.net/wpcOEnjV40NWTJm8be-zew==/147211412919677058.jpg width=900>

<P>&nbsp;</P>

<DIV align=center>

<TABLE style="WIDTH: 800px" border=1 cellSpacing=0 borderColor=#9d9d9d cellPadding=0 background=http://image67.360doc.com/DownloadImg/2013/12/0509/37230147_5.gif align=center>

<TBODY>

<TR vAlign=top align=left>

<TD>

<P><FONT size=5><FONT color=#ffffff>编者按：时常见到友友日志所用边框底图，可谓五彩冰纷、精妙绝伦，可惜要做好这样的边框，对于一般不擅长PS的人来说，只能望成莫及，无从下手。应友友之邀现作简易边框制作方法，只要你会换图、换FALSH地址那就成了，如有高手见到此文还望赐教。</FONT></FONT></P>

<P>&nbsp;</P></TD></TR></TBODY></TABLE><P>&nbsp;</P><DIV></DIV></DIV>

</TD>

<TR>

<TD height=300 background=http://img0.ph.126.net/b31phLjn9BsDdu2xS8GxOA==/3904620877030329480.jpg width=900>

<EMBED height=230 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=550 src=http://home.202030.com/mp3.swf?user=gjw8064 allowNetworking="internal" allowScriptAccess="never" quality="high" invokeurls="false" wmode="transparent">&nbsp;</TD></TR></TR></TR></TBODY></TABLE>

结束语：

本文介绍的边框只是一条线，数值改为0 就根本没框，比之动感十足的边框“素”得很多 ，在我看来简单或许也是一种美吧，

  其实我只是搭了一个框架，算是抛砖引玉，提供了基础代码，如有兴趣也有一定代码基础的朋友，相信还可以变化出十多种边框。对本文的介绍如有兴趣且有更好的建议，可留言探讨，本人不胜荣幸，也祝初学者编辑成功！

此文献给一直以来对我支持与厚爱的友友们，正如播放器中的

歌名：

懂你

我愿意

弯弯的月亮

月亮代表我的心

谢谢大家！