邊框的制作方法,一般分為二種:

1):用代碼(不用圖片)直接制作音畫,、日志的邊框;

2):用代碼加圖片地址的方法,來制作更加漂亮的日志及音畫邊框.

    通常情況下,大多數(shù)博友均采用第二種方法.特點(diǎn)是美觀,、漂亮.但制作過程相對復(fù)雜一些.今天,本人特地抽出時(shí)間趕寫了這方面的資料供大家叁考.并借此回復(fù)各位博友的留言......

靜態(tài)圖片邊框的制作方法(純色靜態(tài)圖片)

為了更簡單、直觀地講解其操作過程.我特以棕,、蘭,、紅、綠,、黑,、黃和粉紅色,七種顏色純色靜態(tài)圖片為素材進(jìn)行演示.(可以先點(diǎn)擊下面七個(gè)圖片地址查看一下)

                                               

 兩組Flash動(dòng)畫圖片地址查閱:

<1> http://myhome./brown444/swish/s80-m.swf

<2> http://imgfree.21cn.com/free/flash/7.swf

一、單層圖片邊框代碼:

<TABLE cellSpacing=4 width=700 align=center background=http://image35.360doc.com/DownloadImg/2011/09/0421/17037529_29.jpg border=2>
<TBODY>
<TR>
<TD>填寫內(nèi)容 </TD></TR></TBODY></TABLE>

 效果圖如下:

說明:

1）：面代碼中的 cellSpacing=4 表示最內(nèi)層白色邊框與蘭色圖片邊緣間的距離;width=700 表示該邊框的寬度,最大寬度不超過700;align=center 表示該邊框在日志中居中的位置,只有在邊框?qū)挾刃∮?00時(shí)才能見到效果;background=圖片地址;border=2表示最外層白色邊框的粗細(xì)度.

2）：如將上述cellSpacing=4 ,、width=700 ,、border=2中的數(shù)據(jù)值修改為:cellSpacing=14 、width=400 ,、border=6后,則該邊框顯示為如下圖:

3）：如果將上面代碼中的border=6的數(shù)值改為0;在邊框?qū)挾葁idth=400 或更小數(shù)值時(shí),改變邊框靠日志頁面左側(cè)或右側(cè)時(shí),只需將align=center （居中）變?yōu)閍lign=left(左)或align=right(右)即可.改變上述數(shù)值后,

         該邊框顯示為如下圖:

              用同樣的方法來制作:

  二,、多層圖片邊框代碼:

(一)、先講兩層圖片邊框,。該效果圖,是紅和蘭色純圖片組成的,。

最基本代碼為:

<TABLE cellSpacing=16 width=600 align=center background=http://image35.360doc.com/DownloadImg/2011/09/0421/17037529_30.jpg >
<TBODY>
<TR>
<TD>
<TABLE  width=700 align=center background=http://image35.360doc.com/DownloadImg/2011/09/0421/17037529_29.jpg >
<TBODY>
<TR>
<TD>填寫內(nèi)容 </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

看效果圖如下:

 說明:如果將上述代碼中添加進(jìn)cellSpacing=6、border=4代碼后,該二層邊框則顯示為如下圖:

 <TABLE cellSpacing=16 cellPadding=20 width=700 align=center background=http://image35.360doc.com/DownloadImg/2011/09/0421/17037529_30.jpg border=4>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=6 cellPadding=20 width=700 align=center background=http://image35.360doc.com/DownloadImg/2011/09/0421/17037529_29.jpg border=4>
<TBODY>
<TR>
<TD>填寫內(nèi)容 </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

(二),、三層圖片邊框.該效果圖,是紅,、蘭和綠色純圖片組成的。

代碼復(fù)制區(qū):

<TABLE cellSpacing=10 cellPadding=20 width=600 align=center background=http://image35.360doc.com/DownloadImg/2011/09/0421/17037529_30.jpg border=2>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#00000 cellSpacing=10 cellPadding=20 width=600 align=center background=http://image35.360doc.com/DownloadImg/2011/09/0421/17037529_29.jpg border=2>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#0000ff cellSpacing=10 cellPadding=20 width=600 align=center background=http://image35.360doc.com/DownloadImg/2011/09/0421/17037529_31.jpg border=2>
<TBODY>
<TR>
<TD>填寫內(nèi)容 </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>

</TBODY></TABLE></TD></TR></TBODY></TABLE>

看效果圖如下:

用同樣的方法:

你可以做四,、五甚至更多層邊框了.這里關(guān)鍵是撐握代碼靈活運(yùn)用,知道如何修改代碼中的部分?jǐn)?shù)值,從而改變邊框的構(gòu)成.

講道這兒,你也已經(jīng)對用圖片來做邊框的方法有所了解. 下面再附四,、五及七層圖片邊框的效果圖供叁考...

四層圖片邊框效果圖:

五層圖片邊框效果圖:

七層圖片邊框效果圖:

下一講中,將講解: 怎樣用動(dòng)、靜態(tài)圖片組合制作邊框的方法

點(diǎn)擊進(jìn)入 →  用動(dòng),、靜態(tài)圖片組合制作邊框

點(diǎn)擊進(jìn)入 →  在我的博客,更多精彩等著你!