[推荐]精美帖子教程

chobits · 发表于 2006-2-14 22:11:00

<p align="center"><b>html代码设置背景及表格设定</b></p><p align="center"><table bordercolor="#841a00" cellspacing="2" width="500" align="center" background="http://www.themecn.com/wallpaper/2003/game/021.jpg" border="10"><tbody><tr><td><p align="center"><font color="#ff0099"><b>一个完整的HTML帖子应该是： <br/>美贴＝背景＋文章＋插图＋收尾</b></font></p></td></tr></tbody></table></p><p align="center">设置背景的html代码如下：<br/><*TABLE align=center background="背景图片网址" border=10 cellSpacing=2 borderColor=#841A00 width=500><TBODY><TR><TD><font face="宋体" color="#0099ff" size="4">帖子的文章加图片</font><*/TD><*/TR><*/TBODY><*/TABLE><br/><br/><br/><font color="#0099ff"><font face="楷体_GB2312" size="3"><b>注意：前边用了多少<*table......><*tr><*td>后面就要有多少<*/td><*/tr><*/table>收尾。多收和少收都会使帖子出错。</b></font></font></p><p align="center"><font face="宋体" color="#c0c0c0" size="+2">常用的参数设定及注解：</font><br/><br/><*table width="400" border="10" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="图片网址" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF"><br/><br/>width="400" <br/>表格宽度，接受绝对值（如 500）及相对值（如 80%）。<br/><br/>border="10" <br/>表格边框的厚度。 <br/><br/>cellspacing="2" <br/>表格格线的厚度<br/><br/>cellPadding=5　表格格线内厚度<br/><br/><br/>align="CENTER" <br/>表格的摆放位置（水平），可选值为：左： left,　右： right,　居中： center<br/><br/>valign="TOP". <br/>表格内内容的对齐方式（垂直），可选值为： top, middle, bottom。　　<br/><br/>background="背景图片网址" <br/>表格的背景图片，与 bgcolor 不要同用。 <br/><br/>bgcolor="#0000FF" <br/>表格的底色，与 background 不要同用<br/><br/>bordercolor="#CF0000" <br/>表格边框颜色<br/><br/>bordercolorlight="#00FF00" <br/>表格边框向光部分的颜色<br/><br/>bordercolordark="#00FFFF" <br/>表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。</p><p> </p><p> </p>[MP=480,70,true]http://www.fzjk.com/lt/upload/fyzw_2006128201755.wma[/MP]

[此贴子已经被作者于2006-2-14 23:04:33编辑过]

chobits · 发表于 2006-2-14 22:14:00

<table height="330" width="450" background="http://www.themecn.com/wallpaper/2003/view/022.jpg" border="0"><tbody><tr><td align="center"><marquee scrollamount="2" height="200"><center><font face="华文新魏" color="#ff0000" style="FONT-SIZE: 32pt;"><b>使文字动起来</b> </font></center></marquee></td></tr><tobdy></tobdy></tbody></table><div align="center"> </div><p align="center">使文字从下网上移动的代码如下:</p><p align="center"><TABLE height=330 width=450 background=http://www.themecn.com/wallpaper/2003/view/022.jpg border=0><br/><TBODY><br/><TR><br/><TD align=middle><br/><MARQUEE scrollAmount=2 direction=up height=200><br/><CENTER><FONT style="FONT-SIZE: 32pt" face=华文新魏 color=red><B>使文字动起来</B> </FONT></CENTER></MARQUEE></TD></TR></TOBDY></TBODY></TABLE></p><p align="center"><font color="#ee3000">其中:</font></p><p align="center"><font color="#ee3000">scrollAmount=2   数字越大，速度越快</font></p><p align="center"><font color="#ee3000">direction=up  移动的方向  可以变换英文“下”“左”“右”<br/></font></p><p align="center"><font color="#ee3000">height=200   为移动的高度</font></p>

[此贴子已经被作者于2006-2-14 22:47:37编辑过]

chobits · 发表于 2006-2-14 22:15:00

<p align="center">在一张图片上加透明flash的效果及代码如下:</p><div align="center"><table bordercolor="#cccccc" cellspacing="2" cellpadding="3" align="center" background="http://www.themecn.com/wallpaper/2005/view/01/044.jpg" border="0"><tbody><tr><td><embed src="http://imgfree.21cn.com/free/flash/5.swf" width="550" height="400" type="application/x-shockwave-flash" wmode="transparent" menu="false" quality="high"></embed></td></tr></tbody></table></div><p align="center"></p><p align="center">&lt

>在一张图片上加透明flash的效果及代码如下:</P><br/><TABLE style="<font color="#f70909">WIDTH: 550px; HEIGHT: 400px</font>" borderColor=#cccccc cellSpacing=2 cellPadding=3 background=http://www.themecn.com/wallpaper/2005/view/01/044.jpg border=0><br/><TBODY><br/><TR><br/><TD><EMBED src=http://imgfree.21cn.com/free/flash/5.swf <font color="#ee11ee">width=550 height=400</font> type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"></TD></TR></TBODY></TABLE></p><p align="center"><font color="#ff4444">注意：图片的大小一般要和flash大小吻合的，或者后者比前者小些！！</font></p><p align="center">其中加入flash的代码如下:</p><p align="center"><EMBED src=http://imgfree.21cn.com/free/flash/5.swf width=550 height=400 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"></p><p align="center"><font color="#ff2222">其中"WIDTH: 550px; HEIGHT: 400px"的代码,能控制图片的大小,防止图片在论坛自动缩小!</font></p>

chobits · 发表于 2006-2-14 22:15:00

<p align="center"><font color="#ff0000" size="4">文字特效显示：</font></p><p align="center">效果一：</p><center><font style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云;"><b>木村拓哉</b></font></center><p align="center">原代码：</p><p align="center"><br/><br/><br/></p><p align="center"><CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>木村拓哉</B></FONT></CENTER></p><p align="center">效果二：</p><center><font style="FONT-SIZE: 30pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云;"><b>木村拓哉</b></font></center><p align="center">原代码：</p><p align="center"><CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>木村拓哉</B></FONT></CENTER></p><p align="center">效果三：</p><center><font color="#0099ff" style="FONT-WEIGHT: bolder; FONT-SIZE: 30px; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 450px; LINE-HEIGHT: 150%; POSITION: relative;">木村拓哉</font></center><p align="center">原代码：</p><p align="center"><CENTER><FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; POSITION: relative; LINE-HEIGHT: 150%; WIDTH: 450px">木村拓哉</FONT></CENTER></p><p align="center">效果四：</p><div align="center"><marquee scrollamount="5" behavior="alternate" height="150"><marquee scrollamount="2" width="460" src="http://www.themecn.com/wallpaper/2003/game/020.jpg" img=""><font size="+0">screen.width-320)this.style.width=screen.width-320;">木村拓哉</font></marquee><marque></marque></marquee></div><p align="center">原代码：</p><p align="center"><MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460 <IMG src="http://www.themecn.com/wallpaper/2003/game/020.jpg"><FONT color=red face=楷体_gb2312 size=7>木村拓哉</FONT></MARQUEE></MARQUE></MARQUEE></p><p align="center">效果五：</p><font face="隶书" color="#0096ff" size="7"><div align="center"><marquee width="240" height="50">木村拓哉<font></font></marquee></div><font face="隶书" color="#0000ff" size="7"><div align="center"><marquee width="240" height="50">哉拓村木</marquee></div></font></font><p align="center">原代码：</p><p align="center"><FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>木村拓哉</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50 width=240>哉拓村木</MARQUEE></FONT></FONT></p><p align="center">效果五：</p><center><font size="5" style="FILTER: shadow(color=black); WIDTH: 51.52%; COLOR: #6495ed; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷; HEIGHT: 106px;"><p>木村拓哉</p></font></center><center>原代码：<br/><br/><center><FONT style="FILTER: shadow(color=black); WIDTH: 51.52%; COLOR: #6495ed; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷; HEIGHT: 106px" size=5><br/>&lt

>木村拓哉</P></FONT></center>

chobits · 发表于 2006-2-14 22:18:00

<p><font color="#a08d5f" size="6">部分特效代码</font></p><p align="center">　</p><p align="center"><font color="#a08d5f" size="4">这些是文字的特效代码</font></p><p align="center">　</p><div align="center"><table width="600" bordercolorlight="#a08d5f" border="1"><tbody><tr><td><TABLE cellSpacing=0 cellPadding=0 align=center background=http://xz7.2000y.net/admin/uploadpic/20045493855518.gif><br/><TBODY><br/><TR><br/><TD><br/><TABLE cellSpacing=0 cellPadding=0 align=center background=http://xz7.2000y.net/admin/uploadpic/2004797435571.gif><br/><TBODY><br/><TR><br/><TD style="FILTER: chroma(color=#336699)"><br/><TABLE align=center bgColor=black><br/><TBODY><br/><TR><br/><TD align=middle><FONT style="FONT-SIZE: 60pt" face=华文楷体 color=#336699><B>赛盟BBS玩家交流区</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> <br/><p>效果：</p></td></tr></tbody></table></div><table cellspacing="0" cellpadding="0" align="center" background="http://xz7.2000y.net/admin/uploadpic/20045493855518.gif"><tbody><tr><td><table cellspacing="0" cellpadding="0" align="center" background="http://xz7.2000y.net/admin/uploadpic/2004797435571.gif"><tbody><tr><td style="FILTER: chroma(color=#336699);"><table align="center" bgcolor="#000000"><tbody><tr><td align="center"><font face="华文楷体" color="#336699" style="FONT-SIZE: 60pt;"><b>赛盟BBS玩家交流区</b></font></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>

[此贴子已经被作者于2006-2-14 22:35:48编辑过]

chobits · 发表于 2006-2-14 22:33:00

<table width="600" bordercolorlight="#a08d5f" border="1"><tbody><tr><td><TABLE cellSpacing=0 cellPadding=0 align=center background=http://www.6778.com/gif/07%2B/Line/line12.gif><br/><TBODY><br/><TR><br/><TD style="FILTER: chroma(color=#336699)"><br/><TABLE align=center bgColor=white><br/><TBODY><br/><TR><br/><TD align=middle><FONT style="FONT-SIZE: 55pt" color=#336699><B>赛盟BBS玩家交流区</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> <br/><p>效果：</p></td></tr></tbody></table><table cellspacing="0" cellpadding="0" align="center" background="http://www.6778.com/gif/07%2B/Line/line12.gif"><tbody><tr><td style="FILTER: chroma(color=#336699);"><table align="center" bgcolor="#ffffff"><tbody><tr><td align="center"><font color="#336699" style="FONT-SIZE: 55pt;"><b>赛盟BBS玩家交流区</b></font></td></tr></tbody></table></td></tr></tbody></table>

chobits · 发表于 2006-2-14 22:37:00

[此贴子已经被作者于2006-2-14 22:56:19编辑过]

chobits · 发表于 2006-2-14 22:41:00

<table width="600" bordercolorlight="#a08d5f" border="1"><tbody><tr><td><FONT style="FONT-SIZE: 35pt; FILTER: wave(add=0,lightstrength=100,strength=4,freq=2,phrase=80); WIDTH: 100%; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷; br: #008000" face=隶书 color=red size=4>赛盟BBS玩家交流区</FONT></B>　 <br/><p>效果：</p></td></tr></tbody></table><font face="隶书" color="#ff0000" size="4" style="FONT-SIZE: 35pt; FILTER: wave(add=0,lightstrength=100,strength=4,freq=2,phrase=80); WIDTH: 100%; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷; br: #008000;">赛盟BBS玩家交流区</font><b></b>

chobits · 发表于 2006-2-14 22:44:00

chobits · 发表于 2006-2-14 23:24:00

<table cellspacing="0" cellpadding="0" align="center" background="http://xz7.2000y.net/admin/uploadpic/20045493855518.gif"><tbody><tr><td><table cellspacing="0" cellpadding="0" align="center" background="http://xz7.2000y.net/admin/uploadpic/2004797435571.gif"><tbody><tr><td style="FILTER: chroma(color=#336699);"><table align="center" bgcolor="#000000"><tbody><tr><td align="center"><font face="华文楷体" color="#336699" style="FONT-SIZE: 60pt;"><b>输入代码帖时要用HTML模式把自动修正的勾点没不然发不出来</b></font></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><table cellspacing="0" cellpadding="0" align="center" background="http://xz7.2000y.net/admin/uploadpic/20045493855518.gif"><tbody><tr><td><table cellspacing="0" cellpadding="0" align="center" background="http://xz7.2000y.net/admin/uploadpic/2004797435571.gif"><tbody><tr><td style="FILTER: chroma(color=#336699);"><table align="center" bgcolor="#000000"><tbody><tr><td align="center"><font face="华文楷体" color="#336699" style="FONT-SIZE: 60pt;"><b>试帖请跟帖</b></font></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><img src="http://img262.photo.163.com/wangleihyq/29826587/842984453.jpg" border="0" alt=""/>

[此贴子已经被作者于2006-2-15 23:11:35编辑过]

账号		自动登录	找回密码
密码			立即注册