如何制作日志邊框

紫蝶經(jīng)典生活坊 2010-09-15

展開全文

如何制作日志邊框

1.在圖片上寫日志效果：

1.在圖片上寫日志代碼說明：粉紅色地方“height=300”表示圖片的高度為300 黃色地方“width=500”表示圖片的寬度為500 藍色地方“圖片地址”表示圖片屬性地址鮮綠色地方“border=3”表示為圖片加邊框為3（當設為0時只是簡單的圖片加字效果）青綠色地方“cellSpacing=3”表示為邊框格線設置距離為3（最佳數(shù)值1到6）注意：當邊框設為0時無效橙色地方“borderColor=#003333”表示邊框格線顏色，顏色碼是“003333”

代碼：

<TBODY>
<TR>
<TD align=middle>
<P><FONT face=宋體 color=#ff0000 size=4><STRONG>添加文字或圖片</STRONG></FONT></P></TD></TR></TBODY></TABLE>

2.用顏色碼制作簡單日志邊框效果：

2.用顏色碼制作簡單日志邊框代碼說明：海綠色地方“borderColor=#FF0000”的“FF0000”表示邊框格線顏色碼紅色地方“height=300”的“300”表示邊框高度數(shù)值藍色地方“cellSpacing=0”的“0”表示格線的距離數(shù)值粉紅色地方“width=500”的“500”表示邊框?qū)挾葦?shù)值鮮綠色地方“bgColor=#FFFFCC”的“FFFFCC”表示邊框內(nèi)背景顏色碼青綠色地方“border=6”的“6”表示邊框格線厚度

代碼：

<TABLE borderColor=#FF0000 height=300 cellSpacing=0 cellPadding=0 width=500 align=center bgColor=#FFFFCC border=6>
<TBODY>
<TR>
<TD align=middle>
<P><FONT face=宋體 color=#ff0000 size=4><STRONG>添加文字或圖片</STRONG></FONT></P></TD></TR></TBODY></TABLE>

3.為圖片邊框加標題欄及背景效果：

為圖片邊框加標題欄及背景代碼說明

藍色地方“標題欄背景圖片地址”表示標題欄的背景圖片屬性地址橙色地方“height=38”的“38”表示標題欄的高度青綠色地方“日志背景圖片地址”表示日志背景圖片屬性地址粉紅色地方“height=250”表示日志背景的高度本人認為無論是標題藍背景的高度還是日志背景高度都無需太大的修改，因為兩者的高度都會隨文字的大小和數(shù)量增加，所以，只設初步就好。這樣在日志目錄瀏覽中才不會顯得過大。

代碼：

<TABLE height=300 cellSpacing=2 cellPadding=0 width=500 align=center border=2>
<TBODY>
<TR>
<TD align=middle style="BACKGROUND-IMAGE:url(標題欄背景圖片地址

)"borderColor=#cccccc border=38>

<P><FONT color=#ff00ff size=3>添加文字或圖片</FONT></P></TD></TR></TBODY></TABLE>

4.為顏色邊框加標題欄及背景色效果：

為顏色邊框加標題欄及背景色代碼說明

粉紅色地方“borderColor=#FF0000”的“FF0000”表示邊框格線顏色碼橙色地方“bgColor=#FFFFCC”的“FFFFCC”表示日志背景顏色碼綠色地方“bgColor=#FF0000”的“FF0000”表示標題欄顏色碼

代碼：

<TABLE borderColor=#FF0000 height=300 cellSpacing=3 cellPadding=0 width=500 align=center bgColor=#FFFFCC border=6>
<TBODY>
<TR>
<TD align=middle bgColor=#FF0000 height=38><FONT face=宋體 color=#FFFFFF size=5><STRONG>添加標題</STRONG></FONT></TD></TR>
<TR>
<TD align=middle height=250>
<FONT face=宋體 color=#222222 size=3><STRONG>添加文字或圖片</STRONG></FONT></TD></TR></TBODY></TABLE>5.圖片邊框加多層效果：

圖片邊框加多層效果代碼說明 1.橙色地方表示第一層格線寬度藍色地方表示第一層背景圖片地址 2.粉紅色地方表示第二層格線寬度青綠色地方表示第二層背景圖片地址 3.紫羅蘭色地方表示第三層格線寬度鮮綠色地方表示第三層背景圖片地址 4.黃色地方表示日志背景圖片地址值得注意的是，“ 值得注意的是，“ <TABLE borderColor=#000000 height=300 cellSpacing=20 cellPadding=0 width=500 align=center style="BACKGROUND-IMAGE:url(邊框背景圖片地址)"borderColor=#cccccc border=1>
<TR>
<TD align=middle>
其實就是表示邊框的一層代碼，如果要加多層就只需在所有代碼前加一段這個代碼就行，減少也是刪除這一段。

代碼：

<TBODY>
<TR>
<TD align=middle>
<P><FONT face=宋體 color=#ff0000 size=4><STRONG>添加文字或圖片</STRONG></FONT></P></TD></TR></TBODY></TABLE

6. 添加多層顏色框效果：

添加多層顏色框代碼說明：藍色地方表示第一層邊框顏色代碼鮮綠色地方表示第二層邊框顏色代碼青綠色地方表示第三層邊框顏色代碼粉紅色地方表示日志背景顏色添加一層或刪除一層代碼：“ <TABLE borderColor=#000000 height=300 cellSpacing=20 cellPadding=0 width=500 align=center bgColor=#FF0000 border=1>
<TBODY>
<TR>
<TD align=middle>
5.圖片邊框加多層的添加或刪除方法

代碼：

<TABLE borderColor=#000000 height=300 cellSpacing=20 cellPadding=0 width=500 align=center bgColor=#FF0000 border=1>
<TBODY>
<TR>
<TD align=middle>
<TABLE borderColor=#FFFFFF height=300 cellSpacing=12 cellPadding=0 width=500 align=center bgColor=#000000 border=1>
<TBODY>
<TR>
<TD align=middle>
<TABLE borderColor=#000000 height=300 cellSpacing=8 cellPadding=0 width=500 align=center bgColor=#FF0000 border=1>
<TBODY>
<TR>
<TD align=middle>
<TABLE borderColor=#000000 height=300 cellSpacing=2 cellPadding=0 width=500 align=center bgColor=#FFFFFF border=1>
<TBODY>
<TR>
<TD align=middle>
<P><FONT face=宋體 color=#ff0000 size=4><STRONG>添加文字或圖片</STRONG></FONT></P></TD></TR></TBODY></TABLE>

制作素材：

底圖 

HTML在線編輯器：http://ny./editor.asp

風致嫣然講解錄像：

表格鏈接代碼：

制作代碼

1、表格中純圖片鏈接

表格中的圖片鏈接代碼：

<TBODY>

<TR>

<TR>

<TR>

2、純文字鏈接：

表格中的文字鏈接代碼：

<TR>

<TR>

3、圖文混合表格（文字鏈接）

表格中的圖片上的文字鏈接代碼：

<TBODY>

<TR>

<TR>

<TR>

☆夜月幽夢☆《專版導航》

用IR給GIF動畫添加文字

iSee圖片專家下載與簡單處理圖片

一圖搞定全套自定義裝扮

春朱自清（簡易音畫大圖制作教程示例）

用PS制作音畫大圖日志（6.1修改）

用PS去掉圖片上的文字

用PS扣圖拼圖制作簽名圖

用PS做簡單閃圖閃字簽名

對稱花邊框簡單的制作方法

如何在圖片加播放器

做邊框代碼詳解和邊框素材2

如何用代碼做一篇日志1

如何在圖片中加入文字及百頁窗效果代碼

QQ空間可用的基本代碼

純代碼分割線及信紙的制作（附顏色代碼）

信紙加邊框和背景的代碼

元旦賀卡及制作方法

如何制作邊框的代碼（附，顏色代碼大全）

教你免費使用漂亮的黃鉆專用日志信紙

美圖秀秀(軟件)----不會PS的來看看哦

清除迅雷5小廣告的方法新手用電腦必備 160種色彩搭配組合專用表漂亮的閃光邊框（背景素材）漂亮的橫條邊框（背景素材）