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>
背景代碼—地址
但我告訴你這都是制作代碼。里面要加圖片地址。
是音畫(huà)制作,
代碼是固定的,人家制作好了的。我們拿來(lái)用就是了。
2—插歌代碼
3——音畫(huà)百合網(wǎng)址
4——在線編輯器
http://ny.xmu.edu.cn/editor.asp
5—羽化代碼
靜的代碼:圓形
HTML代碼邊框是用邊框代碼在日志高級(jí)窗口進(jìn)行編輯而成的,用代碼制作邊框
入門(mén)了,就不是難事,下面我把方法告訴給對(duì)邊框感興趣的朋友,希望朋友學(xué)了代碼
制作,給你帶來(lái)成功的喜悅和美的享受!
一、單邊邊框
1、打開(kāi)日志編輯窗口,出現(xiàn):
2、點(diǎn)編輯窗口的“高級(jí)”,進(jìn)入:
3、點(diǎn)高級(jí)編輯窗口的“HTML”,進(jìn)入:
4、找來(lái)邊框代碼,復(fù)制邊框全部代碼,粘貼到上面顯示的空白窗口。
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>
粘貼好代碼后,點(diǎn)右上角的“返回”就可以看見(jiàn)邊框出現(xiàn),
的“預(yù)覽”就可以看見(jiàn)邊框?qū)嶋H效果:
6、注意預(yù)覽前,要填寫(xiě)好日志標(biāo)題和邊框里隨便寫(xiě)個(gè)字,這樣才能預(yù)覽。
(沒(méi)有填寫(xiě)電腦有提示)
7、你看到的邊框比較小,你反回去點(diǎn)“
你可以在邊框里點(diǎn)鼠標(biāo)定位、點(diǎn)鍵盤(pán)長(zhǎng)健推寬邊框,點(diǎn)鍵盤(pán)Eeter鍵推長(zhǎng)邊框,
這樣好編輯日志內(nèi)容。在這個(gè)常用窗口,你就可以在邊框里編輯你要編寫(xiě)的日志了。
8、編寫(xiě)日志和平時(shí)編輯方法一樣,你隨時(shí)可以點(diǎn)“預(yù)覽”反復(fù)看看編輯效果,
點(diǎn)“發(fā)表日志”就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.16789.net/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個(gè)括號(hào)里的符號(hào),
就是這5種圖片地址,你點(diǎn)開(kāi)一下,就有效果圖片出現(xiàn),你就可以看出是在邊框的什么位置。
制作方法是:
1、把這個(gè)五層邊框代碼復(fù)制。
2、粘貼到你的空間日志高級(jí)編輯窗口。
3、把代碼括號(hào)里的圖片地址剪切掉,留下空括號(hào)()。
4、找新的圖片地址。(點(diǎn)圖片 -----點(diǎn)屬性------發(fā)現(xiàn)圖片地址)
5、復(fù)制新圖片地址,粘貼到括號(hào)里。
6、點(diǎn)“返回”就有新邊框效果。
7、寫(xiě)標(biāo)題-----瀏覽-----發(fā)表日志。
這樣做出是一個(gè)與上面邊框同款式、但不同顏色的新邊框。哈哈,不難吧!
10
你也可以直接復(fù)制下面的五層邊框源代碼,到高級(jí)編輯窗口,消去代碼中的
“圖片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.16789.net/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>
代碼變化說(shuō)明:
你注意到代碼中這些數(shù)字沒(méi)有,
cellSpacing=34 cellPadding=34
cellSpacing=3 cellPadding=3
cellSpacing=40 cellPadding=40
這些數(shù)字可以改動(dòng),如:把這一層的2個(gè)34改成2個(gè)3,這一層就變很窄了,
同樣道理,把2個(gè)3改為2個(gè)30,這一層就變寬了。
代碼變化有一定的規(guī)律,你發(fā)現(xiàn)有的層次代碼是相同的,你可以摸索一下,
找出相同代碼,這樣就可以刪減邊框?qū)哟位蛘咴黾訉哟巍I厦?層到7層就是
這樣增加的。代碼中還有其它變化,你就自己摸索摸索吧!也許你會(huì)比我發(fā)
現(xiàn)更多。
你的成功是我的希望!你的快樂(lè)是我的愿望!