日志边框教学+代码分享 - 潍文谊生的日志 - 网易博客

引用

慕容涵雅 的 日志边框教学+代码分享

 

莹莹（双子星） 的 我的日志边框教学+代码分享（原）

请在这里输入标题 请在这里写文章

<DIV align=center>
<TABLE borderColor=#ff0099 cellSpacing=30 width=600 align=center background=http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_3.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ff0099 cellSpacing=20 width=600 align=center background=http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_4.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ff0099 cellSpacing=20 width=600 align=center background=http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_5.jpg=0>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=黑体 color=#ffff00 size=8><STRONG>请在这里输入标题</STRONG></FONT></P>
<P align=left><FONT face=隶书 color=#ffff00 size=5>请在这里写文章</FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV></DIV>

你喜欢写日志的时候用美的的边框来加以修饰得更加完美吗？我很喜欢写日志时加上美丽的边框，如果你也是日志边框的疯狂粉丝，那么赶快自己动手做吧！我想和大家分享我制作的日志边框还有我收集的一些美丽的日志边框。

现在莹莹教学时间到了！

上面是我其中一个自己制作的日志边框，你想知道怎样制作的吗？你想自己做一个独一无二的日志边框吗？

马上开始教学

我的日志边框是以三个部分组成的，

第一层是最外面那层花边的，

第二层是心型闪动的，

第三层是黑色闪动的星星，

只要把上面的代码复制在你的博客新的写日志，把全部功能打开，点击全部功能最右边的这个<>，然后把代码复制进去，在把蓝色的图片地址栏换掉，换上你想要的图片地址栏，就可以随便改换你想要的美丽日志边框了咯！记得预览一下，看看日志边框每个部分是不是你要的效果一样，弄好了，就可以马上写日志了咯！是不是很简单

还有红色的数字可以随意更改想要的高度和宽度

下面有整理好的日志素材、日志边框，（会不定时的增加哦）可以供大家寻找自己想要的素材！再不然懒惰自己弄，就还有现成的日子边框欢迎大家拿来用哦！，有简单，另类，素雅的，还有我自己做的日志边框（本人是偏爱黑色日志边框写日志啦！如果你也是和我一样，欢迎你用【我的自制日志边框】哦）还有代码，可把代码复制，放在自己博客首页里，想几时用，就几时用。 

日志边框背景素材总汇

自己收集的日志分割线

日志分割线精华

可爱日志分割线

美化日志分割线2

美化日志分割线

哥哥的美丽日志分割线

我的自制日志边框+代码

日志典雅双花边背景图(2)

博客日志典雅单花边背景(1)

多款日志背景代码

款精美文章框架

日志相框1

日志边框总汇

博主疯狂送边框

清雅的花卉日志模板

黑色典雅日志边框

烛光艺术日志系列日志边框

黑色系列—花之物语》日志边框

  点击这里复制代码

<P align=left>
<TABLE borderColor=#33ccff cellSpacing=1 cellPadding=1 width=220 bgColor=#f5f5f5 border=8>
<TBODY>
<TR>
<TD width="50%"><FONT color=#0000ff size=2><IMG title="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" alt="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" src="http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_2.gif" border=0></FONT><A href="http://geminilai55.blog.163.com/blog/static/96497841200941111462451/edit/" target=_blank><FONT color=#0000ff size=2>日志边框背景素材总汇</FONT></A></TD>
<P align=center><FONT color=#0000ff size=2></FONT></P></TR></TBODY></TABLE></P>
<P align=left>
<TABLE borderColor=#33ccff cellSpacing=1 cellPadding=1 width=220 bgColor=#f5f5f5 border=8>
<TBODY>
<TR>
<TD width="50%"><FONT color=#0000ff size=2></FONT><IMG title="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" alt="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" src="http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_2.gif" border=0><A href="http://geminilai55.blog.163.com/blog/static/964978412009789255706/edit/" target=_blank><FONT color=#0000ff size=2>自己收集的日志分割线</FONT></A></TD></TR></TBODY></TABLE></P>
<P align=left>
<TABLE borderColor=#33ccff cellSpacing=1 cellPadding=1 width=220 bgColor=#f5f5f5 border=8>
<TBODY>
<TR>
<TD width="50%"><FONT color=#0000ff size=2><IMG title="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" alt="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" src="http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_2.gif" border=0></FONT><A href="http://geminilai55.blog.163.com/blog/static/9649784120095287443451/edit/" target=_blank><FONT color=#0000ff size=2>日志分割线精华</FONT></A></TD>
<P align=center><FONT color=#0000ff size=2></FONT></P>
<P align=center><FONT color=#0000ff size=2></FONT></P></TR></TBODY></TABLE></P>
<P align=left>
<TABLE borderColor=#33ccff cellSpacing=1 cellPadding=1 width=220 bgColor=#f5f5f5 border=8>
<TBODY>
<TR>
<TD width="50%"><FONT color=#0000ff size=2><IMG title="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" alt="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" src="http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_2.gif" border=0></FONT><A href="http://geminilai55.blog.163.com/blog/static/964978412009317101354950/edit/" target=_blank><FONT color=#0000ff size=2>可爱日志分割线</FONT></A></TD></TR></TBODY></TABLE></P>
<P align=left>
<TABLE borderColor=#33ccff cellSpacing=1 cellPadding=1 width=220 bgColor=#f5f5f5 border=8>
<TBODY>
<TR>
<TD width="50%"><FONT color=#0000ff size=2><IMG title="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" alt="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" src="http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_2.gif" border=0></FONT><A href="http://geminilai55.blog.163.com/blog/static/964978412009029104411695/edit/" target=_blank><FONT color=#0000ff size=2>美化日志分割线2</FONT></A></TD></TR></TBODY></TABLE></P>
<P align=left>
<TABLE borderColor=#33ccff cellSpacing=1 cellPadding=1 width=220 bgColor=#f5f5f5 border=8>
<TBODY>
<TR>
<TD width="50%"><FONT color=#0000ff size=2><IMG title="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" alt="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" src="http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_2.gif" border=0></FONT><A href="http://geminilai55.blog.163.com/blog/static/96497841200902712629230/edit/" target=_blank><FONT color=#0000ff size=2>美化日志分割线</FONT></A></TD></TR></TBODY></TABLE></P>
<P align=left>
<TABLE borderColor=#33ccff cellSpacing=1 cellPadding=1 width=220 bgColor=#f5f5f5 border=8>
<TBODY>
<TR>
<TD width="50%"><FONT color=#0000ff size=2><IMG title="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" alt="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" src="http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_2.gif" border=0></FONT><A href="http://geminilai55.blog.163.com/blog/static/964978412009629423195/edit/" target=_blank><FONT color=#0000ff size=2>哥哥的美丽日志分割线</FONT></A></TD></TR></TBODY></TABLE></P>
<P align=left><FONT color=#0000ff size=2></FONT></P>
<P align=left><FONT color=#0000ff size=2></FONT></P>
<P align=left>
<TABLE borderColor=#33ccff cellSpacing=1 cellPadding=1 width=220 bgColor=#f5f5f5 border=8>
<TBODY>
<TR>
<TD width="50%"><FONT color=#0000ff size=2><IMG title="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" alt="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" src="http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_2.gif" border=0></FONT><A href="http://geminilai55.blog.163.com/blog/static/96497841200942111925377/edit/" target=_blank><FONT color=#0000ff size=2>我的自制日志边框+代码</FONT></A></TD></TR></TBODY></TABLE></P>
<P align=left>
<TABLE borderColor=#33ccff cellSpacing=1 cellPadding=1 width=220 bgColor=#f5f5f5 border=8>
<TBODY>
<TR>
<TD width="50%"><FONT color=#0000ff size=2><IMG title="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" alt="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" src="http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_2.gif" border=0></FONT><A href="http://geminilai55.blog.163.com/blog/static/9649784120095207410416/edit/" target=_blank><FONT color=#0000ff size=2>日志典雅双花边背景图(2)</FONT></A></TD></TR></TBODY></TABLE></P>
<P align=left>
<TABLE borderColor=#33ccff cellSpacing=1 cellPadding=1 width=220 bgColor=#f5f5f5 border=8>
<TBODY>
<TR>
<TD width="50%"><FONT color=#0000ff size=2><IMG title="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" alt="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" src="http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_2.gif" border=0></FONT><A href="http://geminilai55.blog.163.com/blog/static/9649784120095207364214/edit/" target=_blank><FONT color=#0000ff size=2>博客日志典雅单花边背景(1)</FONT></A></TD></TR></TBODY></TABLE><A href="http://hcsndjlch.blog.163.com/blog/static/502691200841424043158/" target=_blank><FONT face=_GB2312 color=#0000ff size=2></FONT></A></P>
<P align=left>
<TABLE borderColor=#33ccff cellSpacing=1 cellPadding=1 width=220 bgColor=#f5f5f5 border=8>
<TBODY>
<TR>
<TD width="50%"><FONT color=#0000ff size=2><IMG title="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" alt="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" src="http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_2.gif" border=0></FONT><A href="http://geminilai55.blog.163.com/blog/static/96497841200912821356775/edit/" target=_blank><FONT color=#0000ff size=2>多款日志背景代码</FONT></A></TD></TR></TBODY></TABLE></P>
<P align=left>
<TABLE borderColor=#33ccff cellSpacing=1 cellPadding=1 width=220 bgColor=#f5f5f5 border=8>
<TBODY>
<TR>
<TD width="50%"><FONT color=#0000ff size=2><IMG title="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" alt="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" src="http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_2.gif" border=0></FONT><A href="http://geminilai55.blog.163.com/blog/static/964978412009229441274/edit/" target=_blank><FONT color=#0000ff size=2>款精美文章框架</FONT></A></TD></TR></TBODY></TABLE></P>
<P align=left>
<TABLE borderColor=#33ccff cellSpacing=1 cellPadding=1 width=220 bgColor=#f5f5f5 border=8>
<TBODY>
<TR>
<TD width="50%"><FONT color=#0000ff size=2><IMG title="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" alt="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" src="http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_2.gif" border=0></FONT><A href="http://geminilai55.blog.163.com/blog/static/9649784120091119493521/edit/" target=_blank><FONT color=#0000ff size=2>日志相框1</FONT></A></TD></TR></TBODY></TABLE></P>
<P align=left>
<TABLE borderColor=#33ccff cellSpacing=1 cellPadding=1 width=220 bgColor=#f5f5f5 border=8>
<TBODY>
<TR>
<TD width="50%"><FONT color=#0000ff size=2><IMG title="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" alt="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" src="http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_2.gif" border=0></FONT><A href="http://geminilai55.blog.163.com/blog/static/9649784120091673612634/edit/" target=_blank><FONT color=#0000ff size=2>日志边框总汇</FONT></A></TD></TR></TBODY></TABLE></P>
<P align=left>
<TABLE borderColor=#33ccff cellSpacing=1 cellPadding=1 width=220 bgColor=#f5f5f5 border=8>
<TBODY>
<TR>
<TD width="50%"><FONT color=#0000ff size=2><IMG title="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" alt="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" src="http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_2.gif" border=0></FONT><A href="http://geminilai55.blog.163.com/blog/static/96497841200902625923511/edit/" target=_blank><FONT color=#0000ff size=2>博主疯狂送边框</FONT></A></TD></TR></TBODY></TABLE></P>
<P align=left>
<TABLE borderColor=#33ccff cellSpacing=1 cellPadding=1 width=220 bgColor=#f5f5f5 border=8>
<TBODY>
<TR>
<TD width="50%"><FONT color=#0000ff size=2><IMG title="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" alt="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" src="http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_2.gif" border=0></FONT><A href="http://geminilai55.blog.163.com/blog/static/96497841200962042023501/edit/" target=_blank><FONT color=#0000ff size=2>清雅的花卉日志模板</FONT></A></TD></TR></TBODY></TABLE></P>
<P align=left>
<TABLE borderColor=#33ccff cellSpacing=1 cellPadding=1 width=220 bgColor=#f5f5f5 border=8>
<TBODY>
<TR>
<TD width="50%"><FONT color=#0000ff size=2><IMG title="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" alt="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" src="http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_2.gif" border=0></FONT><A href="http://geminilai55.blog.163.com/blog/static/964978412009624115317922/edit/" target=_blank><FONT color=#0000ff size=2>黑色典雅日志边框</FONT></A></TD></TR></TBODY></TABLE></P>
<P align=left>
<TABLE borderColor=#33ccff cellSpacing=1 cellPadding=1 width=220 bgColor=#f5f5f5 border=8>
<TBODY>
<TR>
<TD width="50%"><FONT color=#0000ff size=2><IMG title="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" alt="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" src="http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_2.gif" border=0></FONT><A href="http://geminilai55.blog.163.com/blog/static/9649784120096281039553/edit/" target=_blank><FONT color=#0000ff size=2>烛光艺术日志系列日志边框　</FONT></A></TD></TR></TBODY></TABLE><U><FONT color=#0000ff size=2></FONT></U></P>
<P align=center></P>
<P align=left>
<TABLE borderColor=#33ccff cellSpacing=1 cellPadding=1 width=220 bgColor=#f5f5f5 border=8>
<TBODY>
<TR>
<TD width="50%"><U><FONT color=#0000ff size=2><IMG title="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" alt="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" src="http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_2.gif" border=0></FONT></U><A href="http://geminilai55.blog.163.com/blog/static/964978412009724115734449/edit/" target=_blank><FONT color=#0000ff size=2>黑色系列—花之物语》日志边框</FONT></A></TD></TR></TBODY></TABLE></P>
<P align=left>  <IMG title="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" alt="好多好玩意分享 - 莹莹（双子星） - 双子星《莹莹》" src="http://image11.360doc.com/DownloadImg/2010/06/0710/3485413_2.gif" border=0><A href="http://blog.163.com/geminilai55/blog/static/9649784120096173257272/edit/" target=_blank><FONT face=_GB2312 color=#ff00ff size=2>点击这里复制代码</FONT></A></P>