有朋友想學(xué)習(xí)怎樣制作日志邊框,于是給日志邊框代碼做了個簡單的注釋,以方便初學(xué)著 <TABLE style="POSITION: relative; WIDTH: 900px; TOP: 0px; LEFT: 0px" borderColor=#000000 cellSpacing=30 cellPadding=0 width=100% background=第一層邊框背景(圖片地址) border=1 align=center> <TBODY> <TR> <TD> <TABLE borderColor=#000000 cellSpacing=22 cellPadding=0 width=100% align=center background=第二層邊框背景(圖片地址) border=1 align=center> <TBODY> <TR> <TD> <TABLE borderColor=#000000 cellSpacing=10 cellPadding=0 width=100% align=center background=第三層邊框背景(圖片地址) border=1 align=center> <TBODY> <TR> <TD> <TABLE borderColor=#000000 cellSpacing=5 cellPadding=0 width=100% align=center background=第四層邊框背景(圖片地址) border=1 align=center> <TBODY> <TR> <TD> <TABLE borderColor=#000000 cellSpacing=1 cellPadding=0 width=100% align=center background=底圖背景地址(寫日志的純色圖片) border=1 align=center> <TBODY> <TR> <TD> 插入文字或圖片內(nèi)容 </TD></TR></TBODY></TABLE> 插入圖片的代碼: <P align=center><img src="圖片鏈接地址"></P>
插入FLASH動畫代碼: <P align=center><EMBED pluginspage= http://www.macromedia.com/go/getflashplayer src=動畫地址 width=寬度 height=高度 type=application/x- shockwave-flash quality="high" wmode="opaque"></P>
代碼說明 WIDTH: 900px 邊框的寛度 TOP: 0px 邊框上邊距,改變數(shù)值調(diào)節(jié)邊框的垂直位置 LEFT: 0px 左邊距,改變數(shù)值調(diào)節(jié)邊框的水平位置 borderColor=#000000 是邊框的顏色 cellSpacing=22 表示兩層邊框之間的距離,也就是顯示出來的圖片的寛度 cellPadding=0 表示邊框與要插入的內(nèi)容(文字·圖片)之間的距離 border=1 表示邊框的粗細,如果隱藏邊框,設(shè)置為0 align=center 表示居中,也可以是Left(左對齊)、 和Right(右對齊) background= 如果不想要圖片做邊框 可以不加圖片,去掉就background=就行 </TD></TR></TBODY></TABLE> 這組是結(jié)束語,多少層邊框就加上多少組,當(dāng)然也可以不加,系統(tǒng)會自動幫你添上 當(dāng)你需要邊框產(chǎn)生立體感時,用borderColorLight=#001780 和borderColorDark=#02051e 換下borderColor=#000000, borderColorLight:亮色邊框; borderColorDark:暗色邊框,分別對應(yīng) 右上兩條邊框和左下兩條邊框,顏色選同一色系為好
最后一層是代表寫日志的圖片 就是底圖 最好用純色的 第一層(最外面一層)代碼決定邊框的位置和寬度,第二層開始,后面層的代碼都相同,所有數(shù)值都可以隨自己喜好加減。邊框最多九層,超過9層就顯的雜亂,不好看。
|