各种代码 —— 背景代码

 1—制作边框代码

<P></P>
<CENTER>
<TABLE style="BACKGROUND-IMAGE: url(边框—图地址)" borderColor=#cccccc cellSpacing=34 cellPadding=34 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(背景—图地址)" borderColor=#cccccc cellSpacing=3 cellPadding=3 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>

背景代码—地址

http://b37.photo.store.qq.com/http_imgload.cgi?/rurl4_b=0bf6265ae0b4ab85e8440cb0465da6adc902827b960e3466549e97fa85542a2e81103d06596fba668bf9e6058b4196135b218e1ccc91d6de57a1ba11ad18ebc4e0ab970c93bf01a34a26288fca3d2e32333936a3&a=43&b=37

 

 

边框代码—地址

 

http://b39.photo.store.qq.com/http_imgload.cgi?/rurl4_b=f537e197a46b9a77679187755e2faf5317bac2b450e0ce872258f3b49184b435aa133f28537a4da685c2bb844d45659784164518ef53fcbe68ae8ab4bf06ed6f31e7a8271e40e90af8bd85399948d5687c18be4a&a=35&b=39

 

 

 

第一个图地址加边框，第二个图地址加背景

 

但我告诉你这都是制作代码。里面要加图片地址。

是音画制作，

代码是固定的，人家制作好了的。我们拿来用就是了。

2—插歌代码

3——音画百合网址

http://www./

4——在线编辑器

http://ny./editor.asp 

 5—羽化代码

静的代码：圆形 

<CENTER>
<img src="这里放图地址" style="FILTER: alpha(opacity=100,style=2)"width=300>
</CENTER>

**************

 

静的代码：方形

<CENTER>
<img src="这里放图地址" style="FILTER: alpha(opacity=100,style=3)"width=300>
</CENTER>

*********** 

 

 

动态的代码：

<marquee behavior=alternate><BR>
<img src="这里放图的地址" style="FILTER: alpha(opacity=100,style=2)"width=300><BR>
</marquee></p> 

 

**********

 

 

 

6—滚动图片—代码 

[marque][/marque] 

 

 * * * * * * *

 

 

 

7—HTML代码边框入门方法

           HTML代码边框是用边框代码在日志高级窗口进行编辑而成的，用代码制作边框

    入门了，就不是难事，下面我把方法告诉给对边框感兴趣的朋友，希望朋友学了代码

                                   制作，给你带来成功的喜悦和美的享受！

一、单边边框

1、打开日志编辑窗口，出现:

 

2、点编辑窗口的“高级”，进入：

 

3、点高级编辑窗口的“HTML”，进入：

4、找来边框代码，复制边框全部代码，粘贴到上面显示的空白窗口。

（在 下面粘贴代码）

5、下面是单边边框代码：

<TABLE style="BORDER-RIGHT: #00ff00 10px ridge; BORDER-TOP: #00ff00 10px ridge; BORDER-LEFT: #00ff00 10px ridge; WIDTH: 596px; BORDER-BOTTOM: #00ff00 10px ridge; HEIGHT: 474px" cellSpacing=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 576px; HEIGHT: 448px" border=1>
<TBODY>
<TR>
<TD>
<P> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

粘贴好代码后，点右上角的“返回”就可以看见边框出现，

有了边框出现再点下面 

的“预览”就可以看见边框实际效果：

 

6、注意预览前，要填写好日志标题和边框里随便写个字，这样才能预览。

（没有填写电脑有提示)

7、你看到的边框比较小，你反回去点“ ”就到了日志编辑窗口。

你可以在边框里点鼠标定位、点键盘长健推宽边框，点键盘Eeter键推长边框，

这样好编辑日志内容。在这个常用窗口，你就可以在边框里编辑你要编写的日志了。

8、编写日志和平时编辑方法一样，你随时可以点“预览”反复看看编辑效果，

点“发表日志”就OK了。

 

 

 

8—五层边框—代码：

<P></P>
<CENTER>
<TABLE style="BACKGROUND-IMAGE: url(http://b23.photo.store.qq.com/http_imgload.cgi?/rurl4_b=00193ee855018b5dfd59a926be12ef9e226e0594008b64843840aef9f581fe06949d22e03751fa8aeaa4a87adb89f6186ee9abfd487fd8b06948145ecbc7dc6bfed4504948fc591fde5ea98529588f7d18affbcf&a=24&b=23)" borderColor=#cccccc cellSpacing=34 cellPadding=34 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(http://b29.photo.store.qq.com/http_imgload.cgi?/rurl4_b=00193ee855018b5dfd59a926be12ef9e94d0bae6e4d5b2541b18034a917cd8070c1fd3a656b89bc919a153830957be3aca7e65ff6f3f287773ad567b1447f9a7d1beeb8db0c7d1f4c6df0adf0f69bfe27ea603d0&a=29&b=29)" borderColor=#cccccc cellSpacing=3 cellPadding=3 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(http://lgqxxy./domName/lgqxxy/20078121651271829.gif)" borderColor=#cccccc cellSpacing=40 cellPadding=40 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(http://b24.photo.store.qq.com/http_imgload.cgi?/rurl4_b=00193ee855018b5dfd59a926be12ef9ea7c39f541d166e3953a145c127de8b07ea0c759a6c29a71d62595828cbc8541cc7d2193039598e00e7482714417a1ef2ad6878f9897d4e79652f6b8d4caafa5946b973b9&a=29&b=24)" borderColor=#cccccc cellSpacing=3 cellPadding=3 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(http://b24.photo.store.qq.com/http_imgload.cgi?/rurl4_b=00193ee855018b5dfd59a926be12ef9e09609a703b376ca0f85be03b53986eb56a5be4fe0cde3c57dc99572df75fbd9f51d5503285b8b7bc44bf21d311b718307d5a8756d896160bd5369c8841530eb03902302c&a=25&b=24)" borderColor=#cccccc cellSpacing=40 cellPadding=40 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<CENTER>
<P align=center> </P>
<P align=center><FONT color=#000000> </P></CENTER></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<CENTER></CENTER>
<P></P>
<CENTER> </CENTER></TD></TR></TBODY></TABLE></CENTER>
<MARQUEE><BR><BR></MARQUEE>
<P>                </P>

效果图（边框一角）

你从边框图片上可以看到，这是五种颜色图片做成的边框，代码中的5个括号里的符号，

就是这5种图片地址，你点开一下，就有效果图片出现，你就可以看出是在边框的什么位置。

制作方法是：

1、把这个五层边框代码复制。

2、粘贴到你的空间日志高级编辑窗口。

3、把代码括号里的图片地址剪切掉，留下空括号（）。

4、找新的图片地址。（点图片 -----点属性------发现图片地址）

5、复制新图片地址，粘贴到括号里。

6、点“返回”就有新边框效果。

7、写标题-----浏览-----发表日志。

这样做出是一个与上面边框同款式、但不同颜色的新边框。哈哈，不难吧！

10

你也可以直接复制下面的五层边框源代码，到高级编辑窗口，消去代码中的

“图片1”“图片2”“图片3”“图片4”“图片5”，然后分别粘贴新图片

地址，也很容易成功。源代码如下：

<P></P>
<CENTER>
<TABLE style="BACKGROUND-IMAGE: url(图片1)" borderColor=#cccccc cellSpacing=34 cellPadding=34 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图片2)" borderColor=#cccccc cellSpacing=3 cellPadding=3 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图片3)" borderColor=#cccccc cellSpacing=40 cellPadding=40 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图片4)" borderColor=#cccccc cellSpacing=3 cellPadding=3 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图片5)" borderColor=#cccccc cellSpacing=40 cellPadding=40 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<CENTER>
<P align=center> </P>
<P align=center><FONT color=#000000> </P></CENTER></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<CENTER></CENTER>
<P></P>
<CENTER> </CENTER></TD></TR></TBODY></TABLE></CENTER>
<MARQUEE><BR><BR></MARQUEE>
<P>                </P>

11——七层边框代码：

<P></P>
<CENTER>
<TABLE style="BACKGROUND-IMAGE: url(http://b23.photo.store.qq.com/http_imgload.cgi?/rurl4_b=00193ee855018b5dfd59a926be12ef9e226e0594008b64843840aef9f581fe06949d22e03751fa8aeaa4a87adb89f6186ee9abfd487fd8b06948145ecbc7dc6bfed4504948fc591fde5ea98529588f7d18affbcf&a=24&b=23)" borderColor=#cccccc cellSpacing=34 cellPadding=34 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(http://b29.photo.store.qq.com/http_imgload.cgi?/rurl4_b=00193ee855018b5dfd59a926be12ef9e94d0bae6e4d5b2541b18034a917cd8070c1fd3a656b89bc919a153830957be3aca7e65ff6f3f287773ad567b1447f9a7d1beeb8db0c7d1f4c6df0adf0f69bfe27ea603d0&a=29&b=29)" borderColor=#cccccc cellSpacing=3 cellPadding=3 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(http://lgqxxy./domName/lgqxxy/20078121651271829.gif)" borderColor=#cccccc cellSpacing=40 cellPadding=40 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(http://b24.photo.store.qq.com/http_imgload.cgi?/rurl4_b=00193ee855018b5dfd59a926be12ef9ea7c39f541d166e3953a145c127de8b07ea0c759a6c29a71d62595828cbc8541cc7d2193039598e00e7482714417a1ef2ad6878f9897d4e79652f6b8d4caafa5946b973b9&a=29&b=24)" borderColor=#cccccc cellSpacing=3 cellPadding=3 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(http://img.nipic.com/2007-10-08/2007108172933446_1.jpg); WIDTH: 710px; HEIGHT: 429px" borderColor=#cccccc cellSpacing=34 cellPadding=34 width=858 align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(http://b28.photo.store.qq.com/http_imgload.cgi?/rurl4_b=4b31633b70e0825ff0d4d922116cf55c3714f31cabd89823da1a854636cccd7ff4824e7782fecbfc1db7cd8bd1a3697e45fe9782673953c491adf2ae846bdf102dff233ae5c9f7e07edac7003ca9647fb73daf10&a=38&b=28)" borderColor=#cccccc cellSpacing=3 cellPadding=3 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(http://b24.photo.store.qq.com/http_imgload.cgi?/rurl4_b=00193ee855018b5dfd59a926be12ef9e09609a703b376ca0f85be03b53986eb56a5be4fe0cde3c57dc99572df75fbd9f51d5503285b8b7bc44bf21d311b718307d5a8756d896160bd5369c8841530eb03902302c&a=25&b=24)" borderColor=#cccccc cellSpacing=40 cellPadding=40 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<CENTER>
<P align=center><FONT color=#000000> </P></CENTER></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<CENTER></CENTER>
<P></P>
<CENTER> </CENTER></TD></TR></TBODY></TABLE></CENTER>
<MARQUEE><BR><BR></MARQUEE>
<P>                </P>

效果图（边框一角）：

12

七层边框制作方法与以上方法完全一样。源代码：

<P></P>
<CENTER>
<TABLE style="BACKGROUND-IMAGE: url(图片1)" borderColor=#cccccc cellSpacing=3 cellPadding=3width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图片2)" borderColor=#cccccc cellSpacing=3 cellPadding=3 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图片3)" borderColor=#cccccc cellSpacing=40 cellPadding=40 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图片4)" borderColor=#cccccc cellSpacing=3 cellPadding=3 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图片5); WIDTH: 710px; HEIGHT: 429px" borderColor=#cccccc cellSpacing=34 cellPadding=34 width=858 align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图片6)" borderColor=#cccccc cellSpacing=3 cellPadding=3 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图片7)" borderColor=#cccccc cellSpacing=40 cellPadding=40 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<CENTER>
<P align=center><FONT color=#000000> </P></CENTER></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<CENTER></CENTER>
<P></P>
<CENTER> </CENTER></TD></TR></TBODY></TABLE></CENTER>
<MARQUEE><BR><BR></MARQUEE>
<P>                </P>

代码变化说明：

你注意到代码中这些数字没有，

cellSpacing=34 cellPadding=34

cellSpacing=3 cellPadding=3

cellSpacing=40 cellPadding=40

这些数字可以改动，如：把这一层的2个34改成2个3，这一层就变很窄了，

                                             同样道理，把2个3改为2个30，这一层就变宽了。

代码变化有一定的规律，你发现有的层次代码是相同的，你可以摸索一下，

找出相同代码，这样就可以删减边框层次或者增加层次。上面5层到7层就是

这样增加的。代码中还有其它变化，你就自己摸索摸索吧！也许你会比我发

现更多。

你的成功是我的希望！你的快乐是我的愿望！