設計邊框的代碼

設計邊框關鍵是這個第一層邊框:: 這個根據論壇的設置的而定.WIDTH: 750px;這是邊框尺寸,可以自由調整<P align=center><TABLE id=table1 style="LEFT: -220px; WIDTH: 750px; POSITION: relative; TOP: 80px" cellSpacing=28 align=center background=http://bbs.xxjy.net/UploadFile/2004-10/20041028356173.jpg border=0><TBODY><TR><TD>一定要加在最外一個邊框,不能放在其他位置!照這個格式套,其他一般不用換.發表前,一定要取消<自動修正>,否則,就沒有寬屏了.<TABLE id=table1 style="LEFT: -270px; WIDTH: 950px; POSITION: relative; TOP: 90px" cellSpacing=30 align=center background=http://bbs.xxjy.net/UploadFile/2004-10/20041015163118872.jpg><TBODY><TR>關鍵是第一個邊框的設置,其他不變.這是一般的帖子設置,<TABLE borderColor=#b8860b cellSpacing=0 cellPadding=12 background=http://www.tyrrsoft.com/myhome/photoshop/tyrr24.jpg border=1><TBODY><TR><TD其中:LEFT: -220px; 為左邊界距離。WIDTH: 970px; 為邊框的寬度。 TOP: 80px" 為上邊界距離。如果在機器里就應該修改為:LEFT: -20px至10px。WIDTH: 700px;至970px。 TOP: 10px或者5px 這個數據你可以根據你機器的情況進行調節。主要是因為你使用的刷新頻率和系統,顯示器。這是全頻帖子的設置,<TABLE id=table1 style="LEFT: -220px; WIDTH: 760px; POSITION: relative; TOP: 50px" cellSpacing=12 background=http://www.tyrrsoft.com/myhome/photoshop/tyrr24.jpg border=1><TBODY><TR><TD<P align=center><TABLE borderColor=#cccccc cellSpacing=3 cellPadding=0 background=http://bbs.xxjy.net/UploadFile/2004-11/2004112920204385.jpg border=0><TBODY><TR><TD><P align=center><TABLE borderColor=#cccccc cellSpacing=15 cellPadding=0 background=http://bbs.xxjy.net/UploadFile/2004-11/20041129202016529.jpg border=0><TBODY><TR><TD><P align=center><TABLE borderColor=#cccccc cellSpacing=3 cellPadding=0 background=http://bbs.xxjy.net/UploadFile/2004-11/2004112920204385.jpg border=0><TBODY><TR><TD><P align=center><TABLE borderColor=#cccccc cellSpacing=0 cellPadding=0 background=http://bbs.xxjy.net/UploadFile/2004-11/20041129202058246.jpg border=0><TBODY><TR><TD><P align=center><TABLE borderColor=#cccccc cellSpacing=0 cellPadding=0 background=http://bbs.xxjy.net/UploadFile/2004-11/20041129202058246.jpg border=0><TBODY><TR><TD><P align=center><TABLE borderColor=#cccccc cellSpacing=0 cellPadding=25 background=http://bbs.xxjy.net/UploadFile/2004-11/20041129202044850.jpg border=0><TBODY><TR><TD><P align=center><TABLE borderColor=#cccccc cellSpacing=3 cellPadding=0 background=http://bbs.xxjy.net/UploadFile/2004-11/2004112920204385.jpg border=0><TBODY><TR><TD><P align=center><TABLE borderColor=#cccccc cellSpacing=0 cellPadding=0 background=http://bbs.xxjy.net/UploadFile/2004-11/20041129202058246.jpg border=0><TBODY><TR><TD><P align=center><TABLE borderColor=#cccccc cellSpacing=15 cellPadding=0 background=http://bbs.xxjy.net/UploadFile/2004-11/20041129202030522.jpg border=0><TBODY><TR><TD><P align=center><TABLE borderColor=#cccccc cellSpacing=3 cellPadding=0 background=http://bbs.xxjy.net/UploadFile/2004-11/2004112920204385.jpg border=0><TBODY><TR><TD><P align=center><TABLE cellSpacing=0 cellPadding=0 background=http://bbs.xxjy.net/UploadFile/2004-11/20041129202058246.jpg border=0><TBODY><TR><TD><P align=center><TABLE height=650 cellSpacing=0 cellPadding=0 width_=700 background=http://bbs.xxjy.net/UploadFile/2004-11/20041129202058246.jpg border=0><TBODY><TR><TD width_=700 background=http://www.yyl518.com/bbs/UploadFile/2004-12/200412310558490.jpg height=650><EMBED src=http://www.greensunshine.com.cn/jtgg/mp3/dongni.mp3 width_=0 height=0 type=audio/x-pn-realaudio-plugin controls="ControlPanel" loop="true" autostart="true" volume="100" Initfn="load-types" mime-types="mime.types"></EMBED></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></P><CENTER></CENTER><DIV></DIV><DIV></DIV>

樓主 2006-07-27 17:14回復帖子

凡老易等級:57級

積分:8309分金幣:398個圈主

1樓 2006-07-27 17:16

凡老易等級:57級

積分:8309分金幣:398個圈主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>

2樓 2006-07-27 17:17

凡老易等級:57級

積分:8309分金幣:398個圈主透明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的還要調下數據。

3樓 2006-07-27 17:17

凡老易等級:57級

積分:8309分金幣:398個圈主圖片邊緣羽化再加一層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>

4樓 2006-07-27 17:19

凡老易等級:57級

積分:8309分金幣:398個圈主帶有滑動條的帖子<P><TABLE cellSpacing=0 cellPadding=0 align=center background=http://www.16789.net/userupphoto1/2006125175115203.jpg border=0><TBODY><TR><TD align=middle ><IMG height=120 src="https://www.getit01.com/getimg_360.php?url=http://www.16789.net/userupphoto1/20061251750247917.jpg" width_=700 border=0> <BR><P style="FONT-SIZE: 14pt; SCROLLBAR-HIGHLIGHT-COLOR: #eaa3c3; OVERFLOW: auto; WIDTH: 555px; SCROLLBAR-SHADOW-COLOR: #9d2352; SCROLLBAR-3DLIGHT-COLOR: #ed7ca8; LINE-HEIGHT: 115%; SCROLLBAR-ARROW-COLOR: #eaa3c3; SCROLLBAR-TRACK-COLOR: #ebb0c6; FONT-FAMILY: MS UI Gothic; SCROLLBAR-DARKSHADOW-COLOR: #9d2352; SCROLLBAR-BASE-COLOR: #eaa3c3; HEIGHT: 295px; CROLLBAR-FACE-COLOR: #ED7CA8" align=left rows="12" cols="56"><TABLE height=306 cellSpacing=0 cellPadding=0 align=center background=http://www.sohoxiaobao.com/chinese/bbs/hc_WfHWk0jvIYrL.jpeg border=0><TBODY><TR><TD style="FILTER: chroma(color=#ED7CA8" height=306><TABLE height=310 width_=362 align=center background=http://www.16789.net/userupphoto1/20061251752326903.jpg><TBODY><TR><TD align=middle></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><FONT face=楷體_GB2312 color=#cc00ff size=3><BR></FONT><FONT face=仿宋_GB2312 color=#cc00ff size=3><BR></FONT><IMG height=49 src="https://www.getit01.com/getimg_360.php?url=http://www.16789.net/userupphoto1/20061251754104385.gif" width_=49 border=0><FONT face=仿宋_GB2312 color=#9d2352 size=3> <BR>突然愛上了這首歌...<BR><BR>我已經 <BR>已經把我傷口化作玫瑰 <BR>我的淚水 <BR>已經變成雨水早已輪迴 <BR><BR>我已經 <BR>已經把對白留成了永遠 <BR>忘了天色 <BR>究竟是黑是灰 <BR>分手傷了誰 <BR>誰把他變美 <BR>我的眼淚寫成了詩已無所謂 <BR>讓你再回味 <BR>字不醉人人自醉 <BR>因為回憶總是美 <BR><BR>夜裡的歌聲有著異樣的美麗的顏色和芳香,而我在音樂的隱蔽下大聲地哭泣。原來傷口依然,並且不可觸及,就好像我分明知道該把一切忘掉,而所有的記憶都已經成了我生命中的乾燥花... <BR><BR><IMG height=396 src="https://www.getit01.com/getimg_360.php?url=http://www.16789.net/userupphoto1/2006125175347493.jpg" width_=426 border=0> <BR>我的愛就彷彿像星空中閃爍星光般閃亮著,卻永遠都不會屬於我 ,<BR>因為它只出現在過去的夜空中...<BR>因為現在的我不敢去觸摸...不能去觸摸... <BR><BR>渴望愛,卻只能用隱忍來填滿我的心... <BR><BR>原來,我們的愛是那麼的多,但有時卻只能藏在自己的內心,給了一些永遠不會傷害我們的人,給了一個夢,可能因為他的遙遠,才可以承受內心這百分之百的真愛...<BR><BR>"就讓一切結束於開始之前..." <BR>就讓偶用這種殘忍的清醒來扼殺這一切吧.... <BR><BR><BR><BR><IMG height=131 src="https://www.getit01.com/getimg_360.php?url=http://www.16789.net/userupphoto1/20061251753293438.jpg" width_=426 border=0> <P align=center><TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=3, StartX=20, StartY=10, FinishX=0, FinishY=0)gray(); WIDTH: 200px; HEIGHT: 30px"><TBODY><TR><TD><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src=http://bbs.bbcchat.com/uploadfile/2005-10/y12497_15_162554.wma width_=250 height=30 type=audio/x-mplayer2 console="video" showstatusbar="0" EnableContextMenu="0" volume="0" autostart="1" loop="-1"></TD></TR></TBODY></TABLE></P><P></P><BR><IMG height=83 src="https://www.getit01.com/getimg_360.php?url=http://www.16789.net/userupphoto1/20061251751521574.jpg" width_=700 border=0></FONT></TD></TR></TBODY></TABLE></P>

5樓 2006-07-27 17:19

凡老易等級:57級

積分:8309分金幣:398個圈主邊框舉例:<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 bgColor=#ffffff background=http://class.znrsw.com/UploadFile/2005-10/2005103017415952908.jpg border=0><TBODY><TR><TD><TABLE borderColor=#ffcc00 cellSpacing=1 cellPadding=3 bgColor=#ffffff background=http://www.spiritisup.com/perfectiongoldstrip.jpg border=0><TBODY><TR><TD><TABLE borderColor=#f79709 cellSpacing=1 cellPadding=0 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 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我們現在設置邊框顏色和背景顏色,點開調色版在調色版中自由選取邊框和背景顏色,看我選的顏色代碼,選擇邊框顏色 =#09097F 背景顏色=#A3B3F5第1層表格編輯欄下面有一組設置,你看一下,在以後編輯中常用到:"Design"是設計狀態, "VIEW"是預覽狀態, "HTML"是代碼狀態我們進入HTML看代碼<TABLE borderColor=#09097f cellSpacing=20 cellPadding=3 align=center bgColor=#a3b3f5 border=10><TBODY><TR><TD>&nbsp;</TD></TR></TBODY></TABLE>

6樓 2006-07-27 17:24

凡老易等級:57級

積分:8309分金幣:398個圈主2、學習修改表格的寬度先我們做的第一層邊框,(進入HTML看代碼)<TABLE borderColor=#1169ee cellSpacing=2 cellPadding=3 bgColor=#b0bef9 border=10><TBODY><TR><TD></TD></TR></TBODY></TABLE>現在我們將寬度改width_="60%"<TABLE borderColor=#1169ee cellSpacing=2 cellPadding=3 bgColor=#b0bef9 border=10><TBODY><TR><TD></TD></TR></TBODY></TABLE3、製作兩層邊框現在我們做第二層,方法跟1層一樣。方法:用滑鼠選中你做的邊框,點右鍵複製,在第一層邊框中粘貼上,跟文字粘貼一樣.代碼:<TABLE borderColor=#1169ee cellSpacing=2 cellPadding=3 bgColor=#b0bef9 border=10><TBODY><TR><TD><TABLE borderColor=#22ddb8 cellSpacing=2 cellPadding=3 bgColor=#9dfcd5 border=5><TBODY><TR><TD><P align=center></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>怎樣添加表格呢?滑鼠放在這個邊框的邊緣處,(出現一個十字標記),右擊--複製,然後在邊框外空的地方點一下,再把滑鼠放進表格內最靠左邊的位置,(滑鼠進去後,可以用退格鍵試試,把多餘的空格退掉,免得邊框內有空格,邊框會變高.)右擊---粘貼,就出現雙層邊框.重複這樣的操作,做成一個5層邊框如下:製作多列行表格:修改行列數字.2行:代碼:<TABLE borderColor=#8e1d77 cellSpacing=15 cellPadding=0 bgColor=#f4b5e7 border=10><TBODY><TR><TD>內容</TD><TR><TD>內容</TD></TR></TBODY></TABLE>代碼:<TABLE borderColor=#88225f cellSpacing=10 cellPadding=0 bgColor=#ebaddf border=12><TBODY><TR><TD>內容</TD><TR><TD>內容</TD><TR><TD>內容</TD><TR><TD>內容</TD></TR></TBODY></TABLE>2列:代碼:<TABLE borderColor=#b11b57 cellSpacing=10 cellPadding=0 bgColor=#f5a3c4 border=10><TBODY><TR><TD>內容</TD><TD>內容</TD></TR></TBODY></TABLE>5列:代碼:<TABLE borderColor=#991147 cellSpacing=15 cellPadding=0 bgColor=#f7b3ce border=10><TBODY><TR><TD>內容</TD><TD>內容</TD><TD>內容</TD><TD>內容</TD><TD>內容</TD></TR></TBODY></TABLE>行列合併,2行2列代碼:<TABLE borderColor=#7a1f56 cellSpacing=10 cellPadding=0 bgColor=#fcbdad border=10><TBODY><TR><TD>內容</TD><TD>內容</TD><TR><TD>內容</TD><TD>內容</TD></TR></TBODY></TABLE>8行3列:<TABLE borderColor=#f68080 cellSpacing=15 cellPadding=0 bgColor=#fee4de border=10><TBODY><TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR></TBODY></TABLE>代碼:將空格碼刪除掉,太多我就不一個個的刪除了,你做時一定要在代碼中刪除空格碼然後再添加內容.

7樓 2006-07-27 17:25

凡老易等級:57級

積分:8309分金幣:398個圈主一、在表格中添加文字1、用滑鼠點表格的中間處,你看到游標在閃動,這時你就能寫入文字了,也可以複製粘貼文字。2、編輯表格中的文字將滑鼠放到表格中文字的最前面,點擊,然後橫拖滑鼠選中,你看到字的背景顏色是藍色時你就可以操作了3、編輯文字居中:點居中圖標字體:選擇你喜歡的字體,有很多選項字型大小:論壇中的編輯器是數字越大字也就越大。字體顏色:點開A自由選色,滿意為止4、我們現在要在表格中輸入「寂寞時上網來看我」看編輯效果:代碼:<TABLE borderColor=#8a1040 cellSpacing=20 cellPadding=2 align=center bgColor=#f394cd border=15><TBODY><TR><TD><P align=center>&nbsp;<FONT color=#6b0c45 size=6>寂寞時上網來看我</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> 稱圖形標記,主要用來插入圖形標記。方法:在表格中輸入「內容」兩字,點開html將你編輯好的代碼及圖片地址粘貼上,看代碼:<TABLE borderColor=#8a1040 cellSpacing=20 cellPadding=2 align=center bgColor=#f394cd border=15><TBODY><TR><TD>內容</TD></TR></TBODY></TABLE>常用參數識別:<TABLE align=center background="帖子背景圖" border=0 cellPadding=0 cellSpacing=0 borderColor=#ffff00 ><TBODY><TR><TD>width_="100"表格寬度,接受絕對值(如 80)及相對值(如 80%)。border="1"表格邊框的厚度,不同瀏覽器有不同的內定值,故請指明。cellspacing="2"表格格線的厚度align="CENTER"表格的擺放位置(水平),可選值為: left, right, centervalign="TOP".表格內內容的對齊方式(垂直),可選值為: top, middle, bottom。background="myweb.gif"表格的背景圖片,與 bgcolor 不要同用。bgcolor="#0000FF"表格的底色,與 background 不要同用bordercolor="#CF0000"表格邊框顏色bordercolorlight="#00FF00"表格邊框向光部分的顏色bordercolordark="#00FFFF"表格邊框背光部分的顏色,使用 bordercolorlight 或 bordercolordark 時 bordercolor 將會失效。cols="2"表格欄位數目,只是讓瀏覽器在下載表格時先畫出整個表格而已。貼圖格式帖圖基本格式如下:<IMG src="圖片連接URL地址">

8樓 2006-07-27 17:26

凡老易等級:57級

積分:8309分金幣:398個圈主<IMG> 稱圖形標記,主要用來插入圖形標記。<IMG> 的一般參數設定:例如 <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 年開始發展, 於未來取代前兩者。若圖片檔與該 html 檔同處一目錄則只需寫上檔案名稱,否則 必須加上正確的路徑,相對或絕對均可。width_=100 height=100設定圖片大小,此寬度及高度一般採用 pixels 作單位。通常只設為圖片的真實 大小,以免失真,若需要改圖片大小最好使用圖像編輯工具。(改變大小的寬和高與原圖的寬和高要成正比例,圖片最好是改小不改大,以免失真。)hspace=5 vspace=5設定圖片邊沿空白,以免文字或其它圖片貼近。hspace 是設定圖片左右的空間, 是設定圖片上下的空間,高度採用 pixels 作單位。border=2圖片邊框厚度align="top"調整圖片旁邊文字的位置,你可以控制文字出現在圖片的偏上方、中間、底部、 左右等,可選值:top, middle, bottom, left, right,內定為 botom。Netscape 還支持 texttop, baseline, absmiddle, absbottom,texttop 表示圖片和文字依頂線對齊,baseline 表示圖片對齊到目前文字行底線值,absmiddle 表示圖片對齊到目前文字行絕對中央,absbottom 表示圖片對齊到目前文字行絕對底部,(絕對底部是指它考慮到比如 y 、g、q 等字的下邊)。alt="Logo of PenPal Garden"這是用以描述該圖形的文字,若使用文字瀏覽器,由於不支持圖片,這些文字 將會代替圖片被顯示。若支持圖片的瀏覽器,當滑鼠移至圖片上該文字也會顯示。lowsrc="pre_logo.gif"設定先顯示低解析度的圖片,若加入的是一張很大的圖片,下載要很長的時間,這張低 解析度的圖片會先被顯示以免瀏覽者失去興趣,通常是原圖的黑白版本。

9樓 2006-07-27 17:27

凡老易等級:57級

積分:8309分金幣:398個圈主原代碼<!--註解--> ○ 說明標記 為文件加上說明,但不被顯示<P> ○ 段落標記 為字、畫、表格等之間留一空白行<BR> ○ 換行標記 令字、畫、表格等顯示於下一行<HR> ○ 水平線 插入一條水平線<CENTER> ● 居中 令字、畫、表格等顯示於中間 反對<PRE> ● 預設格式 令文件按照原始碼的排列方式顯示<DIV> ● 區隔標記 設定字、畫、表格等的擺放位置<NOBR> ● 不折行 令文字不因太長而繞行<WBR> ● 建議折行 預設折行部位三常用參數識別(略)(第四課)表格中添加背景圖片代碼製作精美邊框首先我們找來製作邊框素材:2、轉換為HTML模式,邊框變為代碼3、修改邊框顏色代碼:4、添加背景圖片即代碼background代碼<TABLE borderColor=#EE7600 cellSpacing=2 cellPadding=3 bgColor=#FF82AB 此處添加 border=1><TBODY><TR><TD>添加內容</TD></TR></TBODY></TABLE>5、把代碼稍微修改一下換上代碼background= 及圖片地址,把border=1改為border=0 ,cellSpacing=2 把2修改得大一點,比如20 ,數越大,邊框越寬6、添加圖片代碼與圖片地址<TABLE borderColor=#EE7600 cellSpacing=2 cellPadding=3 bgColor=#FF82AB background=http://bbs.muwen.com/fileuploaddir/4B398177485.jpg border=1><TBODY><TR><TD>添加內容</TD></TR></TBODY></TABLE>7、這是第一層,轉換為DESIGN模式,看一下效果我們接著做第二層:1。把第一層的上半部分複製,<TABLE borderColor=#EE7600 cellSpacing=20 cellPadding=3 background=http://bbs.sucaiw.com/UploadFile/2004159451140157.jpg border=0><TBODY><TR><TD>我們將圖片地址修改一下2、然後稍作修改就可以了 。<TABLE borderColor=#EE7600 cellSpacing=1 cellPadding=3 background=http://tietu.znrsw.com/UploadFile/2005-8/20058823572712184.jpg border=0><TBODY><TR><TD>cellSpacing=1 把原來的20改為了1。

10樓 2006-07-27 17:28

凡老易等級:57級

積分:8309分金幣:398個圈主七層邊框:第四層跟第二層一樣 ,第五層跟第一層一樣 ,第六層跟第二層還一樣 ,把原來的代碼依次複製過來就可以了。(還可以自由組合)都複製過來看看效果:第五課)如何在網頁中添加音樂代碼地址(第六課)如何修改和固定圖片我們可以用這樣的格式,以此來控制了圖片的縮小,我看到很多用代碼做帖子的朋友的帖子的外框大,圖片被縮的很小,就是因為直接顯示了圖片,沒有用這樣的格式來控制它.代碼如下:<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>寬和高根據圖片的大小來設定!其中"WIDTH: 550px; HEIGHT: 400px"的代碼,能控制圖片的大小,防止圖片在某些論壇自動縮小!第8課)常用特效製作與處理(倒影、飛舞,霧化....)詳細說明語音室告訴大家,為節約時間這裡就不細說了<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 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 directio="left"><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://image2.sina.com.cn/dy/o/2003-10-26/1067121739_XiayB6.jpg"><IMG src="https://www.getit01.com/getimg_360.php?url=http://image2.sina.com.cn/dy/o/2003-10-26/1067121739_YiayB6.jpg"><IMG src="https://www.getit01.com/getimg_360.php?url=http://image2.sina.com.cn/dy/o/2003-10-26/1067121740_1iayB6.jpg"><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.cn312.com/picture/flower/juhua/1/t/j06_jpg.jpg"><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.cn312.com/picture/flower/juhua/1/t/j02_jpg.jpg"><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.cn312.com/picture/flower/juhua/1/t/j05_jpg.jpg"><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.cn312.com/picture/flower/juhua/1/t/j03_jpg.jpg"><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.cn312.com/picture/flower/juhua/1/t/j01_jpg.jpg"> </P></MARQUEE></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><P></P>

11樓 2006-07-27 17:29

凡老易等級:57級

積分:8309分金幣:398個圈主邊框<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><TBODY><TR><TD><DIV align=center><TABLE cellSpacing=5 borderColorDark=#6f90d3 cellPadding=0 width_="90%" borderColorLight=#d3cfdd background=http://www.birgittasplace.com/summerflowersfiles/summerflowersstrip3.jpg border=1><TBODY><TR><TD align=middle ><TABLE cellSpacing=30 borderColorDark=#6f90d3 cellPadding=0 borderColorLight=#d3cfdd background=http://www.birgittasplace.com/summerflowersfiles/summerflowersstrip.jpg border=1><TBODY><TR><TD align=middle ><TABLE cellSpacing=5 borderColorDark=#6f90d3 cellPadding=0 borderColorLight=#d3cfdd background=http://www.birgittasplace.com/summerflowersfiles/summerflowersstrip3.jpg border=1><TBODY><TR><TD align=middle ><TABLE cellSpacing=0 borderColorDark=#cfddf5 cellPadding=0 borderColorLight=#cfddf5 background=http://www.birgittasplace.com/summerflowersfiles/summerflowersbg.jpg border=1><TBODY><TR><TD align=middle ><P><BR><IMG height=404 src="https://www.getit01.com/getimg_360.php?url=http://www.birgittasplace.com/summerflowersfiles/summerflowerspic.jpg" width_=537 border=0> <BR><IMG height=60 src="https://www.getit01.com/getimg_360.php?url=http://www.birgittasplace.com/summerflowersfiles/summerflowerswelcome.jpg" width_=194 border=0> <BR><BR><IMG height=45 src="https://www.getit01.com/getimg_360.php?url=http://www.birgittasplace.com/summerflowersfiles/summerflowersdiv.jpg" width_=324 border=0>&nbsp;<BR><BR><BR><IMG height=176 src="https://www.getit01.com/getimg_360.php?url=http://www.birgittasplace.com/summerflowersfiles/summerflowersview.jpg" width_=123 border=0><IMG height=176 src="https://www.getit01.com/getimg_360.php?url=http://www.birgittasplace.com/summerflowersfiles/summerflowerssign.jpg" width_=124 border=0></P><P><IMG height=81 src="https://www.getit01.com/getimg_360.php?url=http://www.birgittasplace.com/summerflowersfiles/summerflowershome.jpg" width_=173 border=0><IMG height=81 src="https://www.getit01.com/getimg_360.php?url=http://www.birgittasplace.com/summerflowersfiles/summerflowersmap.jpg" width_=173 border=0></P><P><IMG height=81 src="https://www.getit01.com/getimg_360.php?url=http://www.birgittasplace.com/summerflowersfiles/summerflowersnext.jpg" width_=173 border=0></P><P><IMG height=81 src="https://www.getit01.com/getimg_360.php?url=http://www.birgittasplace.com/summerflowersfiles/summerflowersback.jpg" width_=173 border=0><IMG height=81 src="https://www.getit01.com/getimg_360.php?url=http://www.birgittasplace.com/summerflowersfiles/summerflowersemail.jpg" width_=173 border=0></P><P><IMG height=62 src="https://www.getit01.com/getimg_360.php?url=http://www.birgittasplace.com/summerflowersfiles/summerflowersshare.jpg" width_=313 border=0></P><P><IMG height=132 src="https://www.getit01.com/getimg_360.php?url=http://www.birgittasplace.com/summerflowersfiles/summerflowerspicsmall.jpg" width_=173 border=0></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>
推薦閱讀:

精美邊框 1R49
韻(紫嫣贈馨竹兒青青邊框)
精美竹藝邊框
另類閃動表格邊框(3例)
立體邊框代碼3

TAG:設計 | 代碼 | 邊框 |