如何制作日志邊框

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

展開(kāi)全文

如何制作日志邊框

1.在圖片上寫(xiě)日志效果：

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

代碼：

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

2.用顏色碼制作簡(jiǎn)單日志邊框效果：

2.用顏色碼制作簡(jiǎn)單日志邊框代碼說(shuō)明：海綠色地方“borderColor=#FF0000”的“FF0000”表示邊框格線顏色碼紅色地方“height=300”的“300”表示邊框高度數(shù)值藍(lán)色地方“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.為圖片邊框加標(biāo)題欄及背景效果：

為圖片邊框加標(biāo)題欄及背景代碼說(shuō)明

藍(lán)色地方“標(biāo)題欄背景圖片地址”表示標(biāo)題欄的背景圖片屬性地址橙色地方“height=38”的“38”表示標(biāo)題欄的高度青綠色地方“日志背景圖片地址”表示日志背景圖片屬性地址粉紅色地方“height=250”表示日志背景的高度本人認(rèn)為無(wú)論是標(biāo)題藍(lán)背景的高度還是日志背景高度都無(wú)需太大的修改，因?yàn)閮烧叩母叨榷紩?huì)隨文字的大小和數(shù)量增加，所以，只設(shè)初步就好。這樣在日志目錄瀏覽中才不會(huì)顯得過(guò)大。

代碼：

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

)"borderColor=#cccccc border=38>

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

4.為顏色邊框加標(biāo)題欄及背景色效果：

為顏色邊框加標(biāo)題欄及背景色代碼說(shuō)明

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

代碼：

<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>添加標(biāo)題</STRONG></FONT></TD></TR>
<TR>
<TD align=middle height=250>
<FONT face=宋體 color=#222222 size=3><STRONG>添加文字或圖片</STRONG></FONT></TD></TR></TBODY></TABLE>5.圖片邊框加多層效果：

圖片邊框加多層效果代碼說(shuō)明 1.橙色地方表示第一層格線寬度藍(lán)色地方表示第一層背景圖片地址 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>
其實(shí)就是表示邊框的一層代碼，如果要加多層就只需在所有代碼前加一段這個(gè)代碼就行，減少也是刪除這一段。

代碼：

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

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

添加多層顏色框代碼說(shuō)明：藍(lán)色地方表示第一層邊框顏色代碼鮮綠色地方表示第二層邊框顏色代碼青綠色地方表示第三層邊框顏色代碼粉紅色地方表示日志背景顏色添加一層或刪除一層代碼：“ <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

風(fēng)致嫣然講解錄像：

表格鏈接代碼：

制作代碼

1、表格中純圖片鏈接

表格中的圖片鏈接代碼：

<TBODY>

<TR>

<TR>

<TR>

2、純文字鏈接：

表格中的文字鏈接代碼：

<TR>

<TR>

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

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

<TBODY>

<TR>

<TR>

<TR>

☆夜月幽夢(mèng)☆《專版導(dǎo)航》

用IR給GIF動(dòng)畫(huà)添加文字

iSee圖片專家下載與簡(jiǎn)單處理圖片

一圖搞定全套自定義裝扮

春朱自清（簡(jiǎn)易音畫(huà)大圖制作教程示例）

用PS制作音畫(huà)大圖日志（6.1修改）

用PS去掉圖片上的文字

用PS扣圖拼圖制作簽名圖

用PS做簡(jiǎn)單閃圖閃字簽名

對(duì)稱花邊框簡(jiǎn)單的制作方法

如何在圖片加播放器

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

如何用代碼做一篇日志1

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

QQ空間可用的基本代碼

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

信紙加邊框和背景的代碼

元旦賀卡及制作方法

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

教你免費(fèi)使用漂亮的黃鉆專用日志信紙

美圖秀秀(軟件)----不會(huì)PS的來(lái)看看哦

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

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買(mǎi)等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來(lái)自：紫蝶經(jīng)典生活坊 > 《╠素材庫(kù)房╣》

舉報(bào)/認(rèn)領(lǐng)