如何制作日志邊框
1.在圖片上寫日志效果:
1.在圖片上寫日志代碼說(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”
代碼:
<TABLE borderColor=#003333 height=300 cellSpacing=3 cellPadding=0 width=500 align=center style="BACKGROUND-IMAGE:url(圖片地址)"borderColor=#cccccc border=1>
<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>
<STRONG><FONT color=#ff0000 size=5>添加標(biāo)題</FONT></STRONG></TD></TR>
<TR>
<TD align=middle style="BACKGROUND-IMAGE:url(日志背景圖片地址)"borderColor=#cccccc border=250>
<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è)代碼就行,減少也是刪除這一段。
代碼:
<TABLE borderColor=#000000 height=300 cellSpacing=20 cellPadding=0 width=500 align=center style="BACKGROUND-IMAGE:url(第一層邊框背景圖片地址)"borderColor=#cccccc border=1>
<TBODY>
<TR>
<TD align=middle>
<TABLE borderColor=#003366 height=300 cellSpacing=16 cellPadding=0 width=500 align=center style="BACKGROUND-IMAGE:url(第二層邊框背景圖片地址)"borderColor=#cccccc border=1>
<TBODY>
<TR>
<TD align=middle>
<TABLE borderColor=#000000 height=300 cellSpacing=8 cellPadding=0 width=500 align=center style="BACKGROUND-IMAGE:url(第三層邊框背景圖片地址)"borderColor=#cccccc border=1>
<TBODY>
<TR>
<TD align=middle>
<TABLE borderColor=#000000 height=300 cellSpacing=3 cellPadding=0 width=500 align=center style="BACKGROUND-IMAGE:url(日志背景圖片地址)"borderColor=#cccccc border=3>
<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.xmu.edu.cn/editor.asp風(fēng)致嫣然講解錄像:
表格鏈接代碼 :
制作代碼
1、表格中純圖片鏈接
表格中的圖片鏈接代碼:
<TABLE borderColor=#ff0000 cellSpacing=1 cellPadding=2 width=570 bgColor=#60ffff border=2>
<TBODY>
<TR>
<TD width="10%"><A href="網(wǎng)址" target=”_blank”><IMG src="圖片"></A></TD>
<TD width="10%"><A href="網(wǎng)址" target=”_blank”><IMG src="圖片"></A></TD>
<TD width="10%"><A href="網(wǎng)址" target=”_blank”><IMG src="圖片"></A></TD>
<TD width="10%"><A href="網(wǎng)址" target=”_blank”><IMG src="圖片"></A></TD>
<TD width="10%"><A href="網(wǎng)址" target=”_blank”><IMG src="圖片"></A></TD>
<TD width="10%"><A href="網(wǎng)址" target=”_blank”><IMG src="圖片"></A></TD>
<TR>
<TD width="10%"><A href="網(wǎng)址" target=”_blank”><IMG src="圖片"></A></TD>
<TD width="10%"><A href="網(wǎng)址" target=”_blank”><IMG src="圖片"></A></TD>
<TD width="10%"><A href="網(wǎng)址" target=”_blank”><IMG src="圖片"></A></TD>
<TD width="10%"><A href="網(wǎng)址" target=”_blank”><IMG src="圖片"></A></TD>
<TD width="10%"><A href="網(wǎng)址" target=”_blank”><IMG src="圖片"></A></TD>
<TD width="10%"><A href="網(wǎng)址" target=”_blank”><IMG src="圖片"></A></TD>
<TR>
2、純文字鏈接:
表格中的文字鏈接代碼:
<TABLE borderColor=#ff0000 cellSpacing=1 cellPadding=2 width=570 bgColor=#60ffff border=2>
<TBODY><TR>
<TD width="10%"><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TR>
<TD width="10%"><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TR>
3、圖文混合表格(文字鏈接)
表格中的圖片上的文字鏈接代碼:
<TABLE borderColor=#ff0000 cellSpacing=1 cellPadding=2 width=570 bgColor=#60ffff border=2>
<TBODY>
<TR>
<TD width="10%"><IMG src="圖片" border=0><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><IMG src="圖片" border=0><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><IMG src="圖片" border=0><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><IMG src="圖片" border=0><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><IMG src="圖片" border=0><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TR>
<TD width="10%"><IMG src="圖片" border=0><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><IMG src="圖片" border=0><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><IMG src="圖片" border=0><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><IMG src="圖片" border=0><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TD width="10%"><IMG src="圖片" border=0><A href="網(wǎng)址" target=_blank>名稱</A></TD>
<TR>
☆夜月幽夢(mèng)☆《專版導(dǎo)航》
用IR給GIF動(dòng)畫添加文字iSee圖片專家下載與簡(jiǎn)單處理圖片 一圖搞定全套自定義裝扮春 朱自清(簡(jiǎn)易音畫大圖制作教程示例)用PS制作音畫大圖日志(6.1修改) 用PS去掉圖片上的文字用PS扣圖拼圖制作簽名圖 用PS做簡(jiǎn)單閃圖閃字簽名對(duì)稱花邊框簡(jiǎn)單的制作方法如何在圖片加播放器做邊框代碼詳解和邊框素材2如何用代碼做一篇日志1如何在圖片中加入文字及百頁(yè)窗效果代碼QQ空間可用的基本代碼純代碼分割線及信紙的制作(附 顏色代碼)信紙加邊框和背景的代碼元旦賀卡及制作方法如何制作邊框的代碼(附,顏色代碼大全)教你免費(fèi)使用漂亮的黃鉆專用日志信紙美圖秀秀(軟件)----不會(huì)PS的來(lái)看看哦清除迅雷5小廣告的方法新手用電腦必備160種色彩搭配組合專用表漂亮的閃光邊框(背景素材)漂亮的橫條邊框(背景素材)