HTML做帖子常用特效代碼
<CENTER>
<TABLE cellSpacing=8 cellPadding=1 width=420 align=center background=http://www.cn898.net/bg/x/1/back_78.gif border=1 table>
<TBODY>
<TR>
<TD><EMBED align=right src=http://mailimg-fs.hanmail.net/fl/effect/19/e-fall2.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high"><EMBED align=right src=http://www.cn898.net/bg/fh/3/1.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high"><EMBED align=right src=http://image2.sina.com.cn/dongman/f/2002-05-20/1_55-4-248-235_20020520133331.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high"></TD></TR></TBODY></TABLE></CENTER>
透明flash多層疊加：
<CENTER>
<TABLE cellSpacing=8 cellPadding=1 width=420 align=center background=http://www.cn898.net/bg/x/1/back_78.gif border=1 table>
<TBODY>
<TR>
<TD><EMBED align=right src=http://mailimg-fs.hanmail.net/fl/effect/19/e-fall2.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high"><EMBED align=right src=http://www.cn898.net/bg/fh/3/1.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high"><EMBED align=right src=http://image2.sina.com.cn/dongman/f/2002-05-20/1_55-4-248-235_20020520133331.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high"></TD></TR></TBODY></TABLE></CENTER>
采用的代碼：
<TABLE id=table1 style="LEFT: -220px; WIDTH: 970px; POSITION: relative; TOP: 80px" cellSpacing=25 align=center background=http://bbs.hnol.net/the00img/2004-6-22/19/200462219545311105.jpg border=0> <TBODY> <TR> <TD> <TR> ……
如果你是用FP做帖，點HTML，把紅字部分放在第一個表格的這個位置，即可全屏顯示。把style="LEFT: 0px; POSITION: absolute; TOP: 0px"放在FLASH的相應位置。(<EMBED>后面。）
這個是以分辯率1024X768為標準，800X600的還要調(diào)下數(shù)據(jù)。
圖片邊緣羽化再加一層FLASH效果
<P align=center> <TABLE border=0> <TBODY> <TR> <TD style="FILTER: Alpha(opacity=100,style=2)" width=500 background=http://pic.lafeng.net/lfpic_v/060420/5331455191271779.jpg height=395> <P><B><EMBED align=right src=http://haomb.net/skin/haomb/star.swf width=480 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED></B></P></TD></TR></TOBDY></TBODY></TABLE></P>
帶有滑動條的帖子
<P><TABLE cellSpacing=0 cellPadding=0 align=center background=http://www.16789.net/userupphoto1/2006125175115203.jpg border=0><TBODY><TR><TD align=middle width="100%"><IMG height=120 src="
邊框舉例:
<TABLE id=table1 style="LEFT: -220px; WIDTH: 990px; POSITION: relative; TOP: 80px" cellSpacing=60 align=center background=http://www.616bbs.com/picture/xx9/hs/154.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#420228 cellSpacing=0 cellPadding=0 width="100%" bgColor=#ffffff background=http://class.znrsw.com/UploadFile/2005-10/2005103017415952908.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ffcc00 cellSpacing=1 cellPadding=3 width="100%" bgColor=#ffffff background=http://www.spiritisup.com/perfectiongoldstrip.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#f79709 cellSpacing=1 cellPadding=0 width="100%" bgColor=#ffffff background=http://nxm.16789.net/s-helpSite/domName/nxm/20041114115596977.gif border=2>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ffcc00 cellSpacing=1 cellPadding=3 width="100%" bgColor=#ffffff background=http://www.spiritisup.com/perfectiongoldstrip.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
做框步驟:
將"邊框粗細"設置10,單元間距設置20
我們現(xiàn)在設置邊框顏色和背景顏色,點開調(diào)色版
在調(diào)色版中自由選取邊框和背景顏色,看我選的顏色代碼,選擇邊框顏色 =#09097F 背景顏色=#A3B3F5
第1層表格
編輯欄下面有一組設置,你看一下,在以后編輯中常用到:
"Design"是設計狀態(tài), "VIEW"是預覽狀態(tài), "HTML"是代碼狀態(tài)
我們進入HTML看代碼
<TABLE borderColor=#09097f cellSpacing=20 cellPadding=3 width="100%" align=center bgColor=#a3b3f5 border=10>
<TBODY>
<TR>
<TD> </TD></TR></TBODY></TABLE>
2、學習修改表格的寬度
先我們做的第一層邊框,(進入HTML看代碼)
<TABLE borderColor=#1169ee cellSpacing=2 cellPadding=3 width="100%" bgColor=#b0bef9 border=10>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
現(xiàn)在我們將width="100%"寬度改width="60%"
<TABLE borderColor=#1169ee cellSpacing=2 cellPadding=3 width="100%" bgColor=#b0bef9 border=10>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE
3、制作兩層邊框
現(xiàn)在我們做第二層，方法跟1層一樣。
方法：用鼠標選中你做的邊框，點右鍵復制，在第一層邊框中粘貼上，跟文字粘貼一樣.
代碼：
<TABLE borderColor=#1169ee cellSpacing=2 cellPadding=3 width="100%" bgColor=#b0bef9 border=10>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#22ddb8 cellSpacing=2 cellPadding=3 width="100%" bgColor=#9dfcd5 border=5>
<TBODY>
<TR>
<TD>
<P align=center></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
怎樣添加表格呢?
鼠標放在這個邊框的邊緣處,(出現(xiàn)一個十字標記),右擊--復制,然后在邊框外空的地方點一下,再把鼠標放進表格內(nèi)最靠左邊的位置,(鼠標進去后,可以用退格鍵試試,把多余的空格退掉,免得邊框內(nèi)有空格,邊框會變高.)右擊---粘貼,就出現(xiàn)雙層邊框.重復這樣的操作,做成一個5層邊框如下:
制作多列行表格:修改行列數(shù)字.
2行:
代碼:
<TABLE borderColor=#8e1d77 cellSpacing=15 cellPadding=0 width="100%" bgColor=#f4b5e7 border=10>
<TBODY>
<TR>
<TD>內(nèi)容</TD>
<TR>
<TD>內(nèi)容</TD></TR></TBODY></TABLE>
代碼:
<TABLE borderColor=#88225f cellSpacing=10 cellPadding=0 width="100%" bgColor=#ebaddf border=12>
<TBODY>
<TR>
<TD>內(nèi)容</TD>
<TR>
<TD>內(nèi)容</TD>
<TR>
<TD>內(nèi)容</TD>
<TR>
<TD>內(nèi)容</TD></TR></TBODY></TABLE>
2列:
代碼:
<TABLE borderColor=#b11b57 cellSpacing=10 cellPadding=0 width="100%" bgColor=#f5a3c4 border=10>
<TBODY>
<TR>
<TD>內(nèi)容</TD>
<TD>內(nèi)容</TD></TR></TBODY></TABLE>
5列:
代碼:
<TABLE borderColor=#991147 cellSpacing=15 cellPadding=0 width="100%" bgColor=#f7b3ce border=10>
<TBODY>
<TR>
<TD>內(nèi)容</TD>
<TD>內(nèi)容</TD>
<TD>內(nèi)容</TD>
<TD>內(nèi)容</TD>
<TD>內(nèi)容</TD></TR></TBODY></TABLE>
行列合并,2行2列
代碼:
<TABLE borderColor=#7a1f56 cellSpacing=10 cellPadding=0 width="100%" bgColor=#fcbdad border=10>
<TBODY>
<TR>
<TD>內(nèi)容</TD>
<TD>內(nèi)容</TD>
<TR>
<TD>內(nèi)容</TD>
<TD>內(nèi)容</TD></TR></TBODY></TABLE>
8行3列:
<TABLE borderColor=#f68080 cellSpacing=15 cellPadding=0 width="100%" bgColor=#fee4de border=10>
<TBODY>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD></TR></TBODY></TABLE>
代碼:將空格碼刪除掉,太多我就不一個個的刪除了,你做時一定要在代碼中刪除空格碼然后再添加內(nèi)容.
一、在表格中添加文字
1、用鼠標點表格的中間處，你看到光標在閃動，這時你就能寫入文字了，也可以復制粘貼文字。
2、編輯表格中的文字
將鼠標放到表格中文字的最前面，點擊，然后橫拖鼠標選中，你看到字的背景顏色是藍色時你就可以操作了
3、編輯文字
居中：點居中圖標
字體：選擇你喜歡的字體，有很多選項
字號：論壇中的編輯器是數(shù)字越大字也就越大。
字體顏色：點開A自由選色，滿意為止
4、我們現(xiàn)在要在表格中輸入“寂寞時上網(wǎng)來看我”看編輯效果：
代碼：
<TABLE borderColor=#8a1040 cellSpacing=20 cellPadding=2 width="100%" align=center bgColor=#f394cd border=15>
<TBODY>
<TR>
<TD>
<P align=center> <FONT color=#6b0c45 size=6>寂寞時上網(wǎng)來看我</FONT></P></TD></TR></TBODY></TABLE>
二、在表格中插入圖片
插入圖片方法有三種：
1、直接插入法。將鼠標放在你選好的圖片上，點右鍵，復制然后粘貼到你的表格中，看效果：
2、用編輯器插入法
選擇好圖片，將鼠標放在圖片中點右鍵，點屬性，復制圖片地址；在編輯器里點開“插入圖片”圖標，將你剛復制過的地址粘貼到信息欄里，按確定，看是下面的格式。
[*IMG]http://class.znrsw.com/UploadFile/2005-10/2005101120412195250.jpg[/IMG*]
3、在html格式下插入圖片代碼及圖片地址
帖圖基本格式如下：
<*IMG src="圖片連接URL地址"><*IMG> 稱圖形標記，主要用來插入圖形標記。
方法：在表格中輸入“內(nèi)容”兩字，點開html將你編輯好的代碼及圖片地址粘貼上，
看代碼：
<TABLE borderColor=#8a1040 cellSpacing=20 cellPadding=2 width="100%" align=center bgColor=#f394cd border=15>
<TBODY>
<TR>
<TD>內(nèi)容</TD></TR></TBODY></TABLE>
常用參數(shù)識別:
<TABLE align=center background="帖子背景圖" border=0 cellPadding=0 cellSpacing=0 borderColor=#ffff00 width="100%"><TBODY><TR><TD>
width="100"
表格寬度，接受絕對值（如 80）及相對值（如 80%）。
border="1"
表格邊框的厚度，不同瀏覽器有不同的內(nèi)定值，故請指明。
cellspacing="2"
表格格線的厚度
align="CENTER"
表格的擺放位置（水平），可選值為： left, right, center
valign="TOP".
表格內(nèi)內(nèi)容的對齊方式（垂直），可選值為： top, middle, bottom。
background="myweb.gif"
表格的背景圖片，與 bgcolor 不要同用。
bgcolor="#0000FF"
表格的底色，與 background 不要同用
bordercolor="#CF0000"
表格邊框顏色
bordercolorlight="#00FF00"
表格邊框向光部分的顏色
bordercolordark="#00FFFF"
表格邊框背光部分的顏色，使用 bordercolorlight 或 bordercolordark 時 bordercolor 將會失效。
cols="2"
表格欄位數(shù)目，只是讓瀏覽器在下載表格時先畫出整個表格而已。
貼圖格式帖圖基本格式如下：
<IMG src="圖片連接URL地址">
<IMG> 稱圖形標記，主要用來插入圖形標記。
<IMG> 的一般參數(shù)設定：
例如 <img src="logo.gif" width=100 height=100 hspace=5 vspace=5 border=2 align="top" alt="Logo of PenPals Garden" lowsrc="pre_logo.gif">
src="logo.gif"
圖片來源，接受 .gif, .jpg 及 .png 格式，前兩者通行已久，后者則由 96 年開始發(fā)展， 于未來取代前兩者。若圖片檔與該 html 檔同處一目錄則只需寫上檔案名稱，否則 必須加上正確的路徑，相對或絕對均可。
width=100 height=100
設定圖片大小，此寬度及高度一般采用 pixels 作單位。通常只設為圖片的真實 大小，以免失真，若需要改圖片大小最好使用圖像編輯工具。（改變大小的寬和高與原圖的寬和高要成正比例，圖片最好是改小不改大，以免失真。）
hspace=5 vspace=5
設定圖片邊沿空白，以免文字或其它圖片貼近。hspace 是設定圖片左右的空間， 是設定圖片上下的空間，高度采用 pixels 作單位。
border=2
圖片邊框厚度
align="top"
調(diào)整圖片旁邊文字的位置，你可以控制文字出現(xiàn)在圖片的偏上方、中間、底部、 左右等，可選值：top, middle, bottom, left, right，內(nèi)定為 botom。Netscape 還支持 texttop, baseline, absmiddle, absbottom，
texttop 表示圖片和文字依頂線對齊，
baseline 表示圖片對齊到目前文字行底線值，
absmiddle 表示圖片對齊到目前文字行絕對中央，
absbottom 表示圖片對齊到目前文字行絕對底部，（絕對底部是指它考慮到比如 y 、g、q 等字的下邊）。
alt="Logo of PenPal Garden"
這是用以描述該圖形的文字，若使用文字瀏覽器，由于不支持圖片，這些文字 將會代替圖片被顯示。若支持圖片的瀏覽器，當鼠標移至圖片上該文字也會顯示。
lowsrc="pre_logo.gif"
設定先顯示低解析度的圖片，若加入的是一張很大的圖片，下載要很長的時間，這張低 解析度的圖片會先被顯示以免瀏覽者失去興趣，通常是原圖的黑白版本。
原代碼<!--注解--> ○ 說明標記 為文件加上說明，但不被顯示
<P> ○ 段落標記 為字、畫、表格等之間留一空白行
<BR> ○ 換行標記 令字、畫、表格等顯示于下一行
<HR> ○ 水平線 插入一條水平線
<CENTER> ● 居中 令字、畫、表格等顯示于中間 反對
<PRE> ● 預設格式 令文件按照原始碼的排列方式顯示
<DIV> ● 區(qū)隔標記 設定字、畫、表格等的擺放位置
<NOBR> ● 不折行 令文字不因太長而繞行
<WBR> ● 建議折行 預設折行部位
三\常用參數(shù)識別(略)
(第四課)表格中添加背景圖片代碼制作精美邊框
首先我們找來制作邊框素材:
2、轉(zhuǎn)換為HTML模式，邊框變?yōu)榇a
3、修改邊框顏色代碼:
4、添加背景圖片即代碼background代碼
<TABLE borderColor=#EE7600 cellSpacing=2 cellPadding=3 width="100%" bgColor=#FF82AB 此處添加 border=1>
<TBODY>
<TR>
<TD>添加內(nèi)容</TD></TR></TBODY></TABLE>
5、把代碼稍微修改一下
換上代碼background= 及圖片地址，把border=1改為border=0 ，cellSpacing=2 把2修改得大一點，比如20 ，數(shù)越大，邊框越寬
6、添加圖片代碼與圖片地址
<TABLE borderColor=#EE7600 cellSpacing=2 cellPadding=3 width="100%" bgColor=#FF82AB background=http://bbs.muwen.com/fileuploaddir/4B398177485.jpg border=1>
<TBODY>
<TR>
<TD>添加內(nèi)容</TD></TR></TBODY></TABLE>
7、這是第一層，轉(zhuǎn)換為DESIGN模式，看一下效果
我們接著做第二層：
1。把第一層的上半部分復制，
<TABLE borderColor=#EE7600 cellSpacing=20 cellPadding=3 width="100%" background=http://bbs.sucaiw.com/UploadFile/2004159451140157.jpg border=0>
<TBODY>
<TR>
<TD>
我們將圖片地址修改一下
2、然后稍作修改就可以了 。
<TABLE borderColor=#EE7600 cellSpacing=1 cellPadding=3 width="100%" background=http://tietu.znrsw.com/UploadFile/2005-8/20058823572712184.jpg border=0>
<TBODY>
<TR>
<TD>
cellSpacing=1 把原來的20改為了1。
七層邊框：
第四層跟第二層一樣 ，第五層跟第一層一樣 ，第六層跟第二層還一樣 ，把原來的代碼依次復制過來就可以了。（還可以自由組合）
都復制過來看看效果：
第五課)如何在網(wǎng)頁中添加音樂代碼\地址
(第六課)如何修改和固定圖片
我們可以用這樣的格式,以此來控制了圖片的縮小,我看到很多用代碼做帖子的朋友的帖子的外框大,圖片被縮的很小,就是因為直接顯示了圖片,沒有用這樣的格式來控制它.
代碼如下:
<TABLE style="WIDTH: 500px; HEIGHT: 375px" borderColor=#cccccc cellSpacing=2 cellPadding=3 background=http://lstx.5xnet.com/bbs/showimg.asp?BoardID=12&filename=2005-5/20055412122340.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
寬和高根據(jù)圖片的大小來設定!
其中"WIDTH: 550px; HEIGHT: 400px"的代碼,能控制圖片的大小,防止圖片在某些論壇自動縮小!
第8課)常用特效制作與處理（倒影、飛舞，霧化....）詳細說明語音室告訴大家,為節(jié)約時間這里就不細說了
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width=500 border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=500 background=http://bbs.muwen.com/fileuploaddir/4B277673005.gif ight=500><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.nygyfs.com/tmswf/37.swf width=500 height=500 type=application/x-shockwave-flash wmode="transparent" quality="high"></TD></TR></TBODY></TABLE></CENTER>
代碼
<TABLE cellSpacing=20 cellPadding=0 width=500 background=http://www.longhumen.com.cn/BBS/UploadFile/2004-7/200472703834713.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 cellPadding=0 width="100%" background=http://www.spiritisup.com/redribn.gif border=0>
<TBODY>
<TR>
<TD align=middle>
<TABLE height=380 width=500 background=http://www.spiritisup.com/perfectiongoldstrip.jpg border=1>
<TBODY>
<TR>
<TD>
<CENTER>
<MARQUEE scrollAmount=2 width="100%" directio="left">
<P align=center><IMG src="
src=" src=" src=" src=" src=" src=" src=" <TABLE id=table1 style="LEFT: -202px; WIDTH: 970px; POSITION: relative; TOP: 80px" cellSpacing=30 align=center background=http://www.birgittasplace.com/summerflowersfiles/summerflowersbg2.jpg border=0>
<TABLE cellSpacing=5 borderColorDark=#6f90d3 cellPadding=0 width="90%" borderColorLight=#d3cfdd background=http://www.birgittasplace.com/summerflowersfiles/summerflowersstrip3.jpg border=1>
<TABLE cellSpacing=30 borderColorDark=#6f90d3 cellPadding=0 width="100%" borderColorLight=#d3cfdd background=http://www.birgittasplace.com/summerflowersfiles/summerflowersstrip.jpg border=1>
<TABLE cellSpacing=5 borderColorDark=#6f90d3 cellPadding=0 width="100%" borderColorLight=#d3cfdd background=http://www.birgittasplace.com/summerflowersfiles/summerflowersstrip3.jpg border=1>
<TABLE cellSpacing=0 borderColorDark=#cfddf5 cellPadding=0 width="100%" borderColorLight=#cfddf5 background=http://www.birgittasplace.com/summerflowersfiles/summerflowersbg.jpg border=1>
