如何制作精美帖子

常用的参数设定及注解：

<table width="400" border="10" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="图片网址" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF">

width="400"
表格宽度，接受绝对值（如 500）及相对值（如 80%）。

border="10"
表格边框的厚度。

cellspacing="2"
表格格线的厚度

cellPadding=5　表格格线内厚度


align="CENTER"
表格的摆放位置（水平），可选值为：左： left,　右： right,　居中： center

valign="TOP".
表格内内容的对齐方式（垂直），可选值为： top, middle, bottom。 　　

background="背景图片网址"
表格的背景图片，与 bgcolor 不要同用。

bgcolor="#0000FF"
表格的底色，与 background 不要同用

bordercolor="#CF0000"
表格边框颜色

bordercolorlight="#00FF00"
表格边框向光部分的颜色

bordercolordark="#00FFFF"
表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。

二.文字应用

1.文字基本设制

基本代码如下：

<P align=center><FONT color=#CFCF88 face=华文行楷 size=5>插入文字</FONT></P>


<P align=center>表示居中，<P align=left>表示居左，<P align=right>表示居右。

face=字体　常用字体为：宋体.黑体.楷体.仿宋.华文行楷.新宋体.华文新魏等

size=字体大小，这里的最大值为7　取值越大文字就越大

另一种贴法：

<font style=font:40pt face=新宋体 color=#ff0000>插入文字</font>

font:40pt　数值越大文字就越大。

color=颜色代码。

三.贴图

1.基本代码：

<img src=图片网址 width=图片宽度 height=图片长度>

注意：设定图片大小，此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实大小，以免失真，若需要改图片大小最好使用图像编辑工具（改变大小的宽和高与原图的宽和高要成正比例，图片最好是改小不改大，以免失真。）。图片的居中，居左，居右上面已经介绍了，这里不再重复。。。。。

2.给图片加边框

效果：

基本代码：

<table border=6 cellSpacing=2 cellPadding=1 borderColor=#841A00><td><img src=uploadpic/200421611923406.jpg width=600 height=407></td></table>

说明：

border="6" 表格边框的厚度，不同浏览器有不同的内定值。

cellspacing="2" 表格格线的厚度

cellPadding=1　表格格线内厚度

borderColor=#841A00　边框色彩

四.透明FLAH的应用

1.常用效果:

五.贴歌代码

1.背景音乐（适合　mid wma等格式）
<bgsound src=音乐网址 Loop=-1>

2.音频（适合MP3 WMA RM等很多格式）


代码如下：
<embed src=音乐网址 type=audio/x-pn-realaudio-plugin controls=ControlPanel,StatusBar AutoStart=true Loop=true width=400 height=40>

3.视频
<embed src=视频网址 type=audio/x-pn-realaudio-plugin controls=imagewindow,ControlPanel,StatusBar AutoStart=true Loop=true width=400 height=400>

4.FLASH
<embed src=网址 width=400 height=400>

说明：AutoStart=true　表示是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默认为true

Loop=true　表示设定播放重复次数，LOOP=3表示重复3次，true表示无限次播放，FALSE播放一次即停止。

width=宽度 height=高度　可以设定控制播放器面板的大小，如果都设置为0就可以把播放器隐藏了。

 六：图片雾化效果：

<CENTER><TABLE cellSpacing=0 cellPadding=0 width=400 background=http://www.cn898.net/bbs/UploadFile/20044244514090780.jpg border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=400 background=http://61.133.87.122/bbs/attachments/month_0405/5_IHwvJkvgflPp.jpg height=300><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.nygyfs.com/tmswf/37.swf width=400 height=300 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></CENTER>

               
七：图片倒影效果：

<P align=center><FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="http://www.smbachina.com/upload/upfile/2004430154320.gif"><FONT id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"><IMG src=" http://www.smbachina.com/upload/upfile/2004430154320.gif"></P></FONT></FONT><BR><BR>

八：左右移动的图片们：（要有个背景哟）


<CENTER>
<MARQUEE scrollAmount=1 direction=right behavior=alternate width="100%">
<CENTER>
<TABLE cellSpacing=0 width=400 background=http://pugongyingw.51.net/image/xiantiao/d/14.gif border=0 cellpading="0">
<TBODY>
<TR>
<TD>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/bihe.jpg___2004511215822101.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/by.jpg___2004511215822766.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/htys.jpg___2004511215822890.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/hyxq.jpg___2004511215822564.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/lty.jpg___2004511215822316.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/zyh.jpg___2004511215916227.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/yannian.jpg___200451121591787.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/xbh.jpg___2004511215917981.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/mdqg.jpg___20045112203661.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/mlsx.jpg___20045112203201.jpg"></P></TD></TR></TBODY></TABLE></CENTER></MARQUEE></CENTER>

五、加入背景音乐代码：

<EMBED src=http://www.flamesky.org/raynal-onwer/asoka%20theme..wma.wma hidden=true type=audio/x-ms-wma LOOP="TRUE" AUTOSTART="TRUE"></EMBED>

所用元素：<EMBED></EMBED>
参数：
src：音乐文件的URL；
hidden：=true为不可见，=false反之；
type：指定音频类型；
LOOP：是否循环播放，注意其值置于小角双引号中；
AUTOSTART：是否自动播放，其值同上

<TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="http://bbs.dyit.net/images/upfile/2005-4/200541218829.gif"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="http://bbs.dyit.net/images/upfile/2005-4/200541218829.gif"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="http://bbs.dyit.net/images/upfile/2005-4/200541218829.gif"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="http://bbs.dyit.net/images/upfile/2005-4/200541218829.gif"></MARQUEE></TD></TR></TBODY></TABLE>

调整scrollDelay=XX可以调整滑动速度

效果如下：