代碼知識(shí)初級(jí)講座(二)邊框制作與使用★ [原創(chuàng) 2009-06-08 19:10:45]
字號(hào)：大 中 小
邊框制作和使用代碼知識(shí)
首先和大家說，邊框制作沒有什么難度的，要多練習(xí)熟能生巧，學(xué)會(huì)了制作三層，后面就可以自由發(fā)揮制作5－7層。
但是，它屬于純代碼制作，記住了三層的代碼，最外面和中間底色代碼是不變的，將中間的代碼進(jìn)行復(fù)制，復(fù)制幾次？這是要根據(jù)你的套裝素材決定的（素材可從國(guó)外網(wǎng)站下載）。
有些朋友想學(xué)音畫制作，如果代碼知識(shí)一點(diǎn)都沒有的話？就無法進(jìn)行制作音畫，因?yàn)橐舢嬛谱饕欢ㄒ诖a區(qū)制作的。
下面介紹三層邊框的代碼制作：
三層邊框樣板
三層邊框代碼：
<TABLE class=" FCK__ShowTableBorders" style="LEFT: 0px; WIDTH: 600px;
POSITION: relative; TOP: 0px" cellSpacing=30 borderColorDark=#2d3c51
cellPadding=0 width="100%" align=center borderColorLight=#7b93b7 background=http://photo17.hexun.com/p/2009/0507/321363/b_vip_8669B7B91
EEF5C68F45E546444196557.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE class=" FCK__ShowTableBorders" cellSpacing=10 cellPadding=0 width="100%" background=http://photo17.hexun.com/p/2009/0507/321363/b_vip_99A3E0A
1E23C7666227F8BC42B380A82.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE class=" FCK__ShowTableBorders" cellSpacing=0 cellPadding=0 width="100%" background=http://photo17.hexun.com/p/2009/0507/321363/b_vip_B7C2D65D7DBD5B3FF1
3A8FEBC64E0E52.jpg border=0>
<TBODY>
<TR>
<TD>
<P align=center> </P>
<P align=center> </P>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
黃色為中間邊框代碼，如果你的套裝素材是5層的，那就復(fù)制這個(gè)代碼，在它下面粘接兩次，然后更換一下素材地址即可變成5層的邊框了。
代碼詳解：注意: 前邊用了多少<TABLE......><TBODY><TR><TD>
后面就要有多少</TD></TR></TBODY></TABLE>收尾，多了或少了都會(huì)使帖子出錯(cuò)！(這點(diǎn)大家一定要注意)
width="400"
表格寬度，接受絕對(duì)值（如 500）及相對(duì)值（如 80%）。
border="10"
表格邊框的厚度。
cellspacing="2"
表格格線的厚度
ellPadding=5 表格格線內(nèi)厚度
align="CENTER"
表格的擺放位置（水平），可選值為：左： left, 右： right, 居中： center
valign="TOP".
表格內(nèi)內(nèi)容的對(duì)齊方式（垂直），可選值為： top, middle, bottom。
background="背景圖片網(wǎng)址"
表格的背景圖片，與 bgcolor 不要同用。
bgcolor="#0000FF"
表格的底色，與 background 不要同用
bordercolor="#CF0000"
表格邊框顏色
bordercolorlight="7b93b7"
表格邊框向光部分的顏色
bordercolordark="#2d3c51"
表格邊框背光部分的顏色
邊框的使用：
前面我已做了幾百個(gè)邊框，也有很多朋友在使用，我估計(jì)都是在設(shè)計(jì)區(qū)進(jìn)行編輯的，這當(dāng)中會(huì)出現(xiàn)很多問題，也有朋友已經(jīng)遇到問題向我請(qǐng)教。
在設(shè)計(jì)區(qū)，也就是邊框上直接制作，如果使用一種字體和顏色問題不大，但是你打開代碼區(qū)，也會(huì)看到里面很多亂碼。
如果想使用多種字體和顏色就難了，所以鼓勵(lì)大家學(xué)習(xí)代碼，在代碼區(qū)制作，即方便也便于修改，也可多字體和多顏色的搭配使用，包括使用立體字。
還有朋友問我，說在和訊制作的帖子，復(fù)制在其它論壇，圖片上會(huì)出現(xiàn)和訊的鏈接提示，這其實(shí)也是不在代碼區(qū)制作的后果，下面我會(huì)舉例給大家看的，你們也可以自己進(jìn)行嘗試一下，看我說的對(duì)不對(duì)。
如在代碼區(qū)貼圖，代碼如例一，此代碼可用在任何論壇。如在設(shè)計(jì)區(qū)貼圖，也就是直接復(fù)制圖片在邊框上，代碼如圖二，上面有和訊的鏈接。
<P align=center><IMG src="http://photo12.hexun.com/p/2008/0425/192577/b_4066242FBB972A5BC31B8631F6722411.jpg" border=0></P>
例一
<P align=center><A title=點(diǎn)擊查看下一張精彩圖片 href="javascript:next();"><IMG style="DISPLAY: block; MARGIN: 0px auto 10px; TEXT-ALIGN: center" src="http://photo12.hexun.com/p/2008/0425/192577/b_4066242FBB972A5BC31B8631F6722411.jpg" border=0></A></P>
例二
在代碼區(qū)粘貼圖片代碼：
<P align=center><IMG src="圖片地址" border=0></P>
兩種在代碼區(qū)粘貼文字的代碼：
代碼一：
<P align=center><FONT color=#CFCF88 face=華文行楷 size=5>插入文字</FONT></P>
說明：
<font></font>這是一對(duì)輸入文字的代碼
<P align=center>表示居中，<P align=left>表示居左，<P align=right>表示居右。（這個(gè)很重要的，圖片也需要它）
face=字體 常用字體為：宋體.黑體.楷體.仿宋.華文行楷.新宋體.華文新魏等
size=字體大小，這里的最大值為7 取值越大文字就越大
代碼二：
<font style=font:40pt face=新宋體 color=#ff0000>插入文字</font>
font:40pt 數(shù)值越大文字就越大。
color=顏色代碼
在代碼區(qū)文章段落換行使用<BR>
下篇《代碼知識(shí)初級(jí)講座》(三)
單圖音畫制作和播放器代碼使用
編輯制作/圓月彎刀 2009/06/08
