学做漂亮的音画帖《引用舞儿》

狼族メ魔┋天下 · 发表于 2008-4-29 23:48:46

<

>用代码做的一个很好看的特效字</P>
<

></P>
<TABLE align=center bgColor=#fcf3f4>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-SIZE: 40pt" face=华文新魏 color=#336699><B>你喜欢吗？欢迎试用。 </B></FONT></TD></TR></TBODY></TABLE><BR><BR><BR><BR><BR>
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://bbs.xyzm.com/UploadFile/2005-7/20057238151241055.gif border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699">
<TABLE align=center bgColor=#fcf3f4>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-SIZE: 40pt" face=华文新魏 color=#336699><B>你喜欢吗？欢迎试用。 </B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR>
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://bbs.xyzm.com/UploadFile/2005-7/2005723816898874.gif border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699">
<TABLE align=center bgColor=#fcf3f4>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-SIZE: 40pt" face=华文新魏 color=#336699><B>你喜欢吗？欢迎试用。 </B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR>
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://bbs.xyzm.com/UploadFile/2005-7/2005723816844443.gif border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699">
<TABLE align=center bgColor=#d3d3d3>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-SIZE: 40pt" face=华文新魏 color=#336699><B>你喜欢吗？欢迎试用。 </B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR>
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://bbs.xyzm.com/UploadFile/2005-7/2005723816827736.gif border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699">
<TABLE align=center bgColor=#d3d3d3>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-SIZE: 40pt" face=华文新魏 color=#336699><B>你喜欢吗？欢迎试用。 </B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR><BR><BR>
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://www.dabaoku.com/gif/168/gif074.gif border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699">
<TABLE align=center bgColor=#fcf3f4>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-SIZE: 40pt" face=华文新魏 color=#336699><B>真的很漂亮吧？</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<

></P>
<

>代码如下：</P>
<

><br><br><BR><TABLE align="center" border="0" cellpadding="0" cellspacing="0" background=http://bbs.680.cn/UploadFile/2005-7/200579103230591.gif><TR><TD style="FILTER: chroma(color=#336699"><TABLE align=center <FONT color=red>bgcolor=#FCF3F4</FONT>><TR><TD align=middle><FONT style="FONT-SIZE: 40pt" face=华文新魏 color=#336699><b>很漂亮的特效字 </b></FONT></TD></TR></TABLE></TD></TR></TABLE></P>
<

>原理:<BR>共有二层表格,<BR>第一层背景图就是显示的GIF图片,并在<td>里设置文字透明,<BR>第二层把背景颜色写成和网页背景颜色（红色代码）一致，以遮盖文字外的部分，<BR>如果放到自己的帖里，把红色代码换成和自己帖一样的背景颜色或背景图（有图案的不<BR>行）就可。<BR><A title=新窗口打开 onfocus=this.blur() href="http://bbs.xyzm.com/UploadFile/2005-7/20057238151241055.gif" target=_blank><IMG onmousewheel="return bbimg(this)" src="http://bbs.xyzm.com/UploadFile/2005-7/20057238151241055.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;" border=0></A></P>
<

><A title=新窗口打开 onfocus=this.blur() href="http://bbs.xyzm.com/UploadFile/2005-7/2005723816824938.gif" target=_blank><IMG onmousewheel="return bbimg(this)" src="http://bbs.xyzm.com/UploadFile/2005-7/2005723816824938.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;" border=0></A></P>
<

><A title=新窗口打开 onfocus=this.blur() href="http://bbs.xyzm.com/UploadFile/2005-7/2005723816896263.gif" target=_blank><IMG onmousewheel="return bbimg(this)" src="http://bbs.xyzm.com/UploadFile/2005-7/2005723816896263.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;" border=0></A></P>
<

><A title=新窗口打开 onfocus=this.blur() href="http://bbs.xyzm.com/UploadFile/2005-7/2005723816898874.gif" target=_blank><IMG onmousewheel="return bbimg(this)" src="http://bbs.xyzm.com/UploadFile/2005-7/2005723816898874.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;" border=0></A></P>
<P><A title=新窗口打开 onfocus=this.blur() href="http://bbs.xyzm.com/UploadFile/2005-7/2005723816844443.gif" target=_blank><IMG onmousewheel="return bbimg(this)" src="http://bbs.xyzm.com/UploadFile/2005-7/2005723816844443.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;" border=0></A></P>
<P><A title=新窗口打开 onfocus=this.blur() href="http://bbs.xyzm.com/UploadFile/2005-7/2005723816827736.gif" target=_blank><IMG onmousewheel="return bbimg(this)" src="http://bbs.xyzm.com/UploadFile/2005-7/2005723816827736.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;" border=0></A>》</P>

[ 本帖最后由狼族メ魔┋天下于 2008-4-29 14:00 编辑 ]

狼族メ魔┋天下 · 发表于 2008-4-29 23:50:24

<

><STRONG>学做漂亮的音画帖</STRONG></P>
<H5><FONT color=#e61a1a>有兴趣的朋友跟着我一起学做音画帖，因版面限制，为了保持版面整洁希望朋友们在这里不要跟帖，如果试做试发，我们可以另开一栏，我会在那里回答朋友们提出的问题并给你们做代码修改，一定让朋友们得到满意的解答和效果．</FONT></H5>
<

><FONT face=楷体_GB2312 size=4>既然要使用论坛的一些基本功能, 就一定要先熟悉一些常用的设置:</FONT></P>
<

><FONT face=楷体_GB2312 size=4>我们点击\"<FONT color=#ff0000>发布新帖</FONT>\"按钮,进入发帖区.</FONT></P>
<

><FONT face=楷体_GB2312 size=4>制作音乐图文帖,我们主要使用的就是这个插入表格按钮<IMG onmousewheel=\"return bbimg(this)\" style=\"CURSOR: pointer\" onclick=javascript:window.open(this.src); alt=\"\" src=\"http://www.52yuwen.com/bbs/images/post/table.gif\" onload=\"javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;\">.</FONT></P>
<

><FONT face=楷体_GB2312 size=4>下面有一组设置,我们也要了解一下: \"<FONT color=#ff0000>Design</FONT>\"是设计状态, \"<FONT color=#ff0000>VIEW</FONT>\"是预览状态, \"<FONT color=#ff0000>HTML</FONT>\"是代码状态.</FONT></P>
<

><FONT face=楷体_GB2312 size=4>先点击\"<FONT color=#ff0000>发布新帖</FONT>\"按钮,进入发帖区,注意,你现在就进入了\"<FONT color=#ff0000>Design</FONT>\"设计状态了.在编辑帖子前,要记得先填好上面你要编辑的帖子的<FONT color=#ff0000>标题</FONT>.这很重要。</FONT></P>
<

align=center><FONT face=楷体_GB2312 color=#ff0000 size=6>(一) 加边框</FONT></P>
<

align=left><FONT face=楷体_GB2312 color=#ff0000><FONT size=4><FONT color=#000000>1. 点击<IMG onmousewheel=\"return bbimg(this)\" style=\"CURSOR: pointer\" onclick=javascript:window.open(this.src); alt=\"\" src=\"http://www.52yuwen.com/bbs/images/post/table.gif\" onload=\"javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;\">插入表格按钮,弹出一个对话框,点</FONT><FONT color=#ff0000>确定,</FONT><FONT color=#000000>就出现这样的一层边框:</FONT></FONT></FONT></P>
<

align=left>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width=\"100%\" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD><FONT face=楷体_GB2312></FONT></TD></TR></TBODY></TABLE></P>
<

><FONT face=楷体_GB2312 size=4>2. 因为是多层边框,所以,我们再复制几层这样的边框:</FONT></P>
<P><FONT face=楷体_GB2312 size=4>鼠标放在这个边框的边缘处,(出现一个十字标记),右击--复制,然后在边框外空的地方点一下,再把鼠标放进表格内最*左边的位置,(鼠标进去后,可以用退格键试试,把多余的空格退掉,免得边框内有空格,边框会变高.)右击---粘贴,就出现双层边框.重复这样的操作,做成一个七层边框如下:</FONT></P>
<P>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width=\"100%\" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#000000 cellSpacing=2 cellPadding=3 width=\"100%\" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width=\"100%\" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#000000 cellSpacing=2 cellPadding=3 width=\"100%\" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width=\"100%\" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#000000 cellSpacing=2 cellPadding=3 width=\"100%\" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width=\"100%\" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD><FONT face=楷体_GB2312></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
<P><FONT face=楷体_GB2312 size=4>(为了大家看清几个层次,我把几个边框的颜色设置成黑色,而大家自己在操作时看到的应该是几层淡灰色的边框.)</FONT></P>
<P><BR></P>
<P><FONT face=楷体_GB2312 size=4>刚才的边框设计是在\"<FONT color=#ff0000>Design</FONT>\"状态下进行的,现在的背景图片是要在代码状态下进行.</FONT></P>
<P><FONT face=楷体_GB2312 size=4>1. 点击下面的\"<FONT color=#ff0000>HTML</FONT>\"按钮,进入代码状态,出现的是这样的一段代码:</FONT></P>
<H5><FONT color=#aaaaaa><TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width=\"100%\" bgColor=#ffffff border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width=\"100%\" bgColor=#ffffff border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width=\"100%\" bgColor=#ffffff border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width=\"100%\" bgColor=#ffffff border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width=\"100%\" bgColor=#ffffff border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width=\"100%\" bgColor=#ffffff border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width=\"100%\" bgColor=#ffffff border=1><BR><TBODY><BR><TR><BR><TD> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE></FONT></H5>
<P align=left><FONT face=楷体_GB2312 size=4>2. 在这里,我们可以知道一些简单的代码知识:</FONT></P>
<P align=left><FONT face=楷体_GB2312 size=4>边框的颜色----borderColor=#cccccc </FONT></P>
<P align=left><FONT face=楷体_GB2312 size=4>单元间距----cellSpacing=2</FONT></P>
<P align=left><FONT face=楷体_GB2312 size=4>单元边距----cellPadding=3</FONT></P>
<P align=left><FONT face=楷体_GB2312 size=4>表格宽度----width=\"100%\"</FONT></P>
<P align=left><FONT face=楷体_GB2312 color=#ff0000 size=4>背景颜色----bgColor=#ffffff </FONT></P>
<P align=left><FONT face=楷体_GB2312 size=4>边框粗细----border=1</FONT></P>
<P align=left><FONT size=4><FONT face=楷体_GB2312>3. 我们先要设置的是背景图片,所以,我们把原来代码里第一组中的\"<FONT color=#ff0000>bgColor=#ffffff </FONT><FONT color=#000000>\"</FONT><FONT color=#000000>删去,改为\"<FONT color=#4d4db3>background=</FONT><A href=\"http://www.616bbs.com/picture/ls/chuanger/yinhua/2/200521318911429.gif\" target=_blank><FONT color=#000000>http://www.616bbs.com/picture/ls/chuanger/yinhua/2/200521318911429.gif</FONT></A>\".记得这地址后面要留有一个空格,否则图片将无法显示.</FONT></FONT></FONT></P>
<P align=left><FONT face=楷体_GB2312><FONT size=4>这里的\"<FONT color=#ff0000>background</FONT>\"就是背景图片地址的意思,后面的<A href=\"http://www.616bbs.com/picture/ls/chuanger/yinhua/2/200521318911429.gif\" target=_blank><FONT color=#000000>http://www.616bbs.com/picture/ls/chuanger/yinhua/2/200521318911429.gif</FONT></A></FONT><FONT size=4> ,就是我要加的最外层的背景图片地址.</FONT></FONT></P>
<P align=left>背景图片素材:</P>
<P align=left><FONT face=楷体_GB2312 size=4>背景图片1)</FONT></P>
<P align=left><FONT face=楷体_GB2312 size=4>4. 接下来,把代码里第二组中的\"\"<FONT color=#ff0000>bgColor=#ffffff </FONT>\"删去,改为\"background=</FONT><A href=\"http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg\" target=_blank><FONT face=楷体_GB2312 color=#000000 size=4>http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg</FONT></A><FONT face=楷体_GB2312 size=4>\".</FONT></P>
<P align=left><FONT face=楷体_GB2312 size=4>这是加上第二层边框的背景图片:</FONT></P>
<P align=left><FONT face=楷体_GB2312 size=4>5. 以同样的方法加上**几层边框的背景图片:</FONT></P>
<P align=left><FONT face=楷体_GB2312 size=4>6. 好了,背景图片设置好了,接下来就是设置边框的大小了.如果你对我刚才介绍的几个代码熟悉的话,可以在代码状态里把这些数字按照你自己的意思稍作修改就行.如果觉得不是很清楚的话,我们就回到\"<FONT color=#ff0000>Design</FONT>\"设计状态里去修改.</FONT></P>
<P align=left><FONT size=4><FONT face=楷体_GB2312>7. 点击<FONT color=#ff0000>Design<FONT color=#000000>,选中最外层的边框,(鼠标放在这一层边框的边缘部分,点击左键),边框外就出现九个小方块,然后点击<IMG onmousewheel=\"return bbimg(this)\" style=\"CURSOR: pointer\" onclick=javascript:window.open(this.src); alt=\"\" src=\"http://www.52yuwen.com/bbs/images/post/table.gif\" onload=\"javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;\">按钮,弹出一个表格设置的对话框,我们把它设置为:\"边框粗细=0\",\"单元间距=30\",\"单元边距=30\",\"对齐方式=默认\",然后点<FONT color=#ff0000>确定</FONT></FONT><FONT color=#000000>.</FONT></FONT></FONT></FONT></P>
<P align=left><FONT size=4><FONT face=楷体_GB2312>同样的方法选中第二层边框,设置这一层的边框为:\"边框粗细=0\",\"单元间距=8\",\"单元边距=8\",\"对齐方式=右对齐\",然后点<FONT color=#ff0000>确定</FONT><FONT color=#000000>.</FONT></FONT></FONT></P>
<P align=left><FONT size=4><FONT face=楷体_GB2312>第三层边框的设置为:\"边框粗细=0\",\"单元间距=10\",\"单元边距=10\",\"对齐方式=右对齐\",\"背景颜色=黑色\",然后点<FONT color=#ff0000>确定</FONT><FONT color=#000000>.</FONT></FONT></FONT></P>
<P align=left><FONT size=4><FONT face=楷体_GB2312>第四层边框的设置为:\"边框粗细=0\",\"单元间距=2\",\"单元边距=2\",\"对齐方式=右对齐\",然后点<FONT color=#ff0000>确定</FONT><FONT color=#000000>.</FONT></FONT></FONT></P>
<P align=left><FONT size=4><FONT face=楷体_GB2312>第五层边框的设置为:\"边框粗细=0\",\"单元间距=8\",\"单元边距=8\",\"对齐方式=右对齐\",然后点<FONT color=#ff0000>确定</FONT><FONT color=#000000>.</FONT></FONT></FONT></P>
<P align=left><FONT size=4><FONT face=楷体_GB2312>第六层边框的设置为:\"边框粗细=0\",\"单元间距=2\",\"单元边距=2\",\"对齐方式=右对齐\",然后点<FONT color=#ff0000>确定</FONT><FONT color=#000000>.</FONT></FONT></FONT></P>
<P align=left><FONT size=4><FONT face=楷体_GB2312>第七层边框的设置为:\"边框粗细=0\",\"单元间距=2\",\"单元边距=2\",\"对齐方式=右对齐\",然后点<FONT color=#ff0000>确定</FONT><FONT color=#000000>.</FONT></FONT></FONT></P>
<P align=left><FONT face=楷体_GB2312 size=4>好了,边框的设置到此结束.我们现在见到的,就是下面这样一个多层边框(如果不满意它的宽度的话,可以按照自己的意思再选中边框修改)</FONT></P>
<P align=left><FONT face=楷体_GB2312 size=4>漂亮的外框已经做出来了,这样我们就可以在\"<FONT color=#ff0000>Design</FONT>\"设计状态里去加上你需要的字和图片了</FONT></P>
<P>
<TABLE borderColor=#cccccc cellSpacing=30 cellPadding=30 width=\"100%\" background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/200521318911429.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=5 cellPadding=5 width=\"100%\" align=right background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg border=0>
<TBODY>
<TR>
<TD><FONT size=4>
<TABLE borderColor=#cccccc cellSpacing=10 cellPadding=10 width=\"100%\" align=right bgColor=#000000 background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/014.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=2 width=\"100%\" align=right background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg border=0>
<TBODY>
<TR>
<TD><FONT size=4>
<TABLE borderColor=#cccccc cellSpacing=8 cellPadding=8 width=\"100%\" align=right background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/200521318911429.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=2 width=\"100%\" align=right background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=2 width=\"100%\" align=right background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/2005213191628227.jpg border=0>
<TBODY>
<TR>
<TD><FONT face=楷体_GB2312 size=4></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><FONT size=+0></FONT></TD></TR></TBODY></TABLE></FONT></TD></TR></TBODY></TABLE><FONT size=+0></FONT></TD></TR></TBODY></TABLE></FONT></TD></TR></TBODY></TABLE>
<P> </P></TD></TR></TBODY></TABLE></P>

狼族メ魔┋天下 · 发表于 2008-4-29 23:51:03

<

align=center><B><FONT color=#f76809>用HTML标签做-多层表格套用详解</FONT></B></P>
<H3 align=center><FONT color=#e66b1a></FONT></H3>
<

align=center><FONT face=楷体_GB2312 color=#3370cc size=5><B>多层表格套用详解</B></FONT></P>
<

align=center><FONT color=#3370cc>一。实例演示</FONT></P>
<

align=center><FONT color=#3370cc>二。代码初窥</FONT></P>
<

align=center><FONT color=#3370cc>三。代码详解</FONT></P>
<

align=center><FONT color=#3370cc>喝点果汁，现在开始</FONT></P>
<

align=center><IMG onmousewheel=\"return bbimg(this)\" style=\"CURSOR: pointer\" onclick=javascript:window.open(this.src); alt=\"\" src=\"http://www.vicn.net/UploadFile/2004-5/20045122549298.gif\" onload=\"javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;\"></P>
<

align=left><FONT color=#dd6d22>我们先来个简单的一层表格、1.找到背景图片资源：</FONT></P>
<

align=left><FONT color=#dd6d22>这里用：<BR><IMG onmousewheel=\"return bbimg(this)\" style=\"CURSOR: pointer\" onclick=javascript:window.open(this.src); alt=\"\" src=\"http://www.vicn.net/skins/default/filetype/gif.gif\" onload=\"javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;\">此主题相关图片如下：</FONT><A href=\"http://www.vicn.net/UploadFile/2004-4/200442710470330.gif\" target=_blank><FONT color=#dd6d22><IMG onmousewheel=\"return bbimg(this)\" style=\"WIDTH: 524px; CURSOR: pointer; ZOOM: 70%\" onclick=javascript:window.open(this.src); alt=\"\" src=\"http://www.vicn.net/UploadFile/2004-4/200442710470330.gif\" onload=\"javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;\"></FONT></A></P>
<

align=left><FONT color=#dd6d22>2.点击按钮：<BR><IMG onmousewheel=\"return bbimg(this)\" style=\"CURSOR: pointer\" onclick=javascript:window.open(this.src); alt=\"\" src=\"http://www.vicn.net/skins/default/filetype/gif.gif\" onload=\"javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;\">此主题相关图片如下：</FONT><A href=\"http://www.vicn.net/UploadFile/2004-4/200442710490818.gif\" target=_blank><FONT color=#dd6d22><IMG onmousewheel=\"return bbimg(this)\" style=\"CURSOR: pointer\" onclick=javascript:window.open(this.src); alt=\"\" src=\"http://www.vicn.net/UploadFile/2004-4/200442710490818.gif\" onload=\"javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;\"></FONT></A></P>
<P><FONT color=#dd6d22>进入html对话框</FONT></P>
<P><FONT color=#dd6d22>3 粘贴代码：</FONT></P>
<P><FONT color=#dd6d22><TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width=\"100%\" background=<FONT color=#1a6be6>http://www.vicn.net/UploadFile/2004-4/200442710470330.gif</FONT> border=1><BR><TBODY><BR><TR><BR><TD></FONT></P>
<P><FONT color=#dd6d22>这里输入表格的内容</FONT></P>
<P><FONT color=#dd6d22></TD></TR></TBODY></TABLE></FONT></P>
<P><FONT color=#dd6d22>4  点击按钮<BR><IMG onmousewheel=\"return bbimg(this)\" style=\"CURSOR: pointer\" onclick=javascript:window.open(this.src); alt=\"\" src=\"http://www.vicn.net/skins/default/filetype/gif.gif\" onload=\"javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;\">此主题相关图片如下：<BR></FONT><A href=\"http://www.vicn.net/UploadFile/2004-4/200442710593414.gif\" target=_blank><FONT color=#dd6d22><IMG onmousewheel=\"return bbimg(this)\" style=\"CURSOR: pointer\" onclick=javascript:window.open(this.src); alt=\"\" src=\"http://www.vicn.net/UploadFile/2004-4/200442710593414.gif\" onload=\"javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;\"></FONT></A><FONT color=#dd6d22>,可以看到如下效果：</FONT></P>
<P>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width=\"100%\" background=http://www.vicn.net/UploadFile/2004-4/200442710470330.gif border=1>
<TBODY>
<TR>
<TD><FONT color=#dd6d22><FONT color=#11ee3d>这里输入表格的内容</FONT> </FONT></TD></TR></TBODY></TABLE></P>
<P><FONT color=#dd6d22>5.鼠标点到表格内，想做什么都行，贴图，贴歌，设置字体，链接</FONT></P>
<P><FONT color=#dd6d22><FONT face=\"宋体, MS Song\" size=3>P></FONT><FONT face=楷体_GB2312 size=4><B> 下面就讲多层的--大家仔细看看</B></FONT><BR><BR><BR></FONT></P>
<P><FONT face=楷体_GB2312 color=#dd6d22 size=4><B></B></FONT></P>
<P><FONT face=楷体_GB2312 color=#dd6d22 size=4><B></B></FONT></P>
<P><FONT face=楷体_GB2312 color=#dd6d22 size=4><B>一。实例：</B></FONT></P>
<P><FONT color=#dd6d22>七个表格套在一起，大家可以举一反三，套他个5个10个的</FONT></P>
<P>
<TABLE height=267 cellSpacing=5 borderColorDark=#502f2e cellPadding=0 width=\"80%\" borderColorLight=#985252 background=http://www.vicn.net/UploadFile/2004-4/200443071233119.gif border=1>
<TBODY>
<TR>
<TD width=\"100%\" height=259>
<DIV align=center>
<TABLE cellSpacing=5 borderColorDark=#543636 cellPadding=0 width=\"100%\" borderColorLight=#a57372 background=http://www.vicn.net/UploadFile/2004-4/200443071250124.gif border=1>
<TBODY>
<TR>
<TD width=\"100%\">
<DIV align=center>
<TABLE cellSpacing=5 borderColorDark=#a57372 cellPadding=0 width=\"100%\" borderColorLight=#543636 background=http://www.vicn.net/UploadFile/2004-4/200443072033179.gif border=1>
<TBODY>
<TR>
<TD width=\"100%\">
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 width=\"80%\" background=http://www.vicn.net/UploadFile/2004-4/200443071137932.gif border=0>
<TBODY>
<TR>
<TD width=\"100%\">
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 width=\"99%\" background=http://www.vicn.net/UploadFile/2004-4/200443072033179.gif border=0>
<TBODY>
<TR>
<TD width=\"100%\"><FONT color=#fee0e0>　</FONT> <BR><BR><BR>
<DIV align=center>
<TABLE cellSpacing=5 borderColorDark=#a57372 cellPadding=0 width=\"80%\" borderColorLight=#543636 background=http://www.vicn.net/UploadFile/2004-4/200443071250124.gif border=1>
<TBODY>
<TR>
<TD width=\"100%\">
<DIV align=center>
<TABLE cellSpacing=5 cellPadding=0 width=\"100%\" background=http://www.vicn.net/UploadFile/2004-4/200443072033179.gif border=0>
<TBODY>
<TR>
<TD width=\"100%\">
<P align=center><FONT color=#fee0e0><IMG onmousewheel=\"return bbimg(this)\" style=\"CURSOR: pointer\" onclick=javascript:window.open(this.src); alt=\"\" src=\"http://www.vicn.net/UploadFile/2004-4/200443071212420.gif\" onload=\"javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;\"></FONT></P>
<P align=center>　</P></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE><B><FONT color=#99667b size=4>二。代码初窥</FONT></B> </P>
<P><FONT color=#e6421a>代码如下：(符号“//”后面是注释)</FONT></P>
<P><FONT color=#df9931><CENTER></FONT><BR><<FONT color=#e6421a>TABLE</FONT><FONT color=#df9931> height=267 cellSpacing=5 borderColorDark=#502f2e cellPadding=0 width=\"80%\" borderColorLight=#985252 background=<FONT color=#dd4822>http://www.vicn.net/UploadFile/2004-4/200443071233119.gif</FONT> border=1></FONT>    <FONT color=#7755aa>//最外层表格的定义<BR></FONT><FONT color=#d89839><TBODY>                            <BR><TR><BR><TD width=\"100%\" height=259><BR><DIV align=center><BR></FONT><<FONT color=#e6421a>TABLE</FONT> <FONT color=#dba047>cellSpacing=5 borderColorDark=#543636 cellPadding=0 width=\"100%\" borderColorLight=#a57372 background=http://www.vicn.net/UploadFile/2004-4/200443071250124.gif border=1> </FONT>    <FONT color=#7755aa>//第二层表格定义</FONT><FONT color=#dba047><TBODY><BR><TR><BR><TD width=\"100%\"><BR><DIV align=center></FONT><BR><<FONT color=#e6421a>TABLE</FONT> <FONT color=#e6941a>cellSpacing=5 borderColorDark=#a57372 cellPadding=0 width=\"100%\" borderColorLight=#543636 background=http://www.vicn.net/UploadFile/2004-4/200443072033179.gif border=1> </FONT> <FONT color=#7755aa>//第三层表格定义<BR></FONT><FONT color=#e2a13f><TBODY><BR><TR><BR><TD width=\"100%\"><BR><DIV align=center></FONT><BR><<FONT color=#e6421a>TABLE </FONT><FONT color=#dda755>cellSpacing=0 cellPadding=0 width=\"80%\" background=<FONT color=#e61a1a>http://www.vicn.net/UploadFile/2004-4/200443071137932.gif</FONT> border=0><BR></FONT>                                           <FONT color=#7755aa>//第四层表格定义</FONT></P>
<P><FONT color=#e4a84e><TBODY></FONT>                                  <FONT color=#7755aa>//表格内容开始</FONT></P>
<P><FONT color=#e9a239><TR></FONT>                                        <FONT color=#7755aa>//换行符</FONT><FONT color=#e9a239><TD width=\"100%\"></FONT>                   <FONT color=#7755aa>//内容占满，下面开始是表格的内容</FONT><FONT color=#e89b29><DIV align=center></FONT>                   <FONT color=#7755aa> //表格内容居中<BR></FONT><FONT color=#e4a84e><</FONT><FONT color=#e6421a>TABLE</FONT> <FONT color=#eba948>cellSpacing=0 cellPadding=0 width=\"99%\" background=http://www.vicn.net/UploadFile/2004-4/200443072033179.gif border=0><BR><TBODY> </FONT>                                  <FONT color=#7755aa>//第五层表格定义</FONT></P>
<P><FONT color=#eba948><TR><BR><TD width=\"100%\"><BR><DIV align=center></FONT>                      <FONT color=#7755aa> //居中</FONT><BR><<FONT color=#e6421a>TABLE </FONT><FONT color=#e9a239>cellSpacing=5 borderColorDark=#a57372 cellPadding=0 width=\"80%\" borderColorLight=#543636 background=http://www.vicn.net/UploadFile/2004-4/200443071250124.gif border=1></FONT>    <FONT color=#7755aa>//第六层表格定义<BR></FONT><FONT color=#dba047><TBODY><BR><TR><BR><TD width=\"100%\"><BR><DIV align=center><BR><TABLE cellSpacing=5 cellPadding=0 width=\"100%\" background=http://www.vicn.net/UploadFile/2004-4/200443072033179.gif border=0><BR><TBODY></FONT>                                     <FONT color=#7755aa>//最外层表格定义</FONT><FONT color=#e6941a><TR><BR><TD width=\"100%\"><BR><P align=center></FONT>                         <FONT color=#7755aa>//居中</FONT></P>
<P><FONT color=#eba948><IMG src=\"<FONT color=#e61a1a>http://www.vicn.net/UploadFile/2004-4/200443071212420.gif</FONT>\" ></P></FONT><BR>                                                    <FONT color=#7755aa>//下面是表格的最后收尾，千万别忘记哦，html是成对</FONT></P>
<P><FONT color=#7755aa>                                                    //标签语言，有头必然有尾。</FONT></P>
<P><FONT color=#e4a84e></TD></TR></TBODY></TABLE></DIV></FONT>       <FONT color=#7755aa>//最内层的表格收尾</FONT></P>
<P><FONT color=#eeb866></TD></TR></TBODY></TABLE></DIV></FONT>       <FONT color=#7755aa> //..............................</FONT></P>
<P><FONT color=#dda755></TD></TR></TBODY></TABLE></DIV></FONT>       <FONT color=#7755aa>//..............................</FONT></P>
<P><FONT color=#edb157></TD></TR></TBODY></TABLE></DIV></FONT>       <FONT color=#7755aa>//..............................</FONT></P>
<P><FONT color=#edb157></TD></TR></TBODY></TABLE></DIV></FONT>       <FONT color=#7755aa>//..............................</FONT></P>
<P><FONT color=#dda755></TD></TR></TBODY></TABLE></DIV></FONT>       <FONT color=#7755aa> //..............................</FONT></P>
<P><FONT color=#e6941a></TD></TR></TBODY></TABLE></FONT>                <FONT color=#7755aa>//最外层的表格收尾</FONT></P>
<P><FONT color=#e6941a></CENTER></FONT></P>
<P><FONT color=#e6941a></FONT> </P>
<P><FONT face=隶书 color=#99667b size=4><B>三。代码详解</B></FONT></P>
<H5><FONT color=#e0ae64>第一层代码（最外层）</FONT></H5>
<P><FONT color=#d89839><<FONT color=#dd2222>TABLE</FONT> height=267 cellSpacing=5 borderColorDark=#502f2e cellPadding=0 width=\"80%\" borderColorLight=#985252 background=http://www.vicn.net/UploadFile/2004-4/200443071233119.gif border=1> </FONT></P>
<P><FONT color=#d89839>详细解释：</FONT></P>
<P><FONT color=#d89839>☆ height=267    --------最外层表格高度为267像素高（最外面当然是最大咯）</FONT></P>
<P><FONT color=#d89839>☆ cellapacing＝5       －－－表格格线的厚度，数值越大，显示就越厚。</FONT></P>
<P><FONT color=#d89839>☆ borderColorDark=#502f2e    －－－表格的边框背光部分的颜色，数值由#00000－#fffff</FONT></P>
<P><FONT color=#d89839>                                                          这里是</FONT><FONT color=#cc5233><B>暗红色</B></FONT></P>
<P><FONT color=#d89839>☆ cellPadding=0       －－－表格中文字内容与格线的距离。</FONT></P>
<P><FONT color=#d89839>☆  borderColorLight=#985252 －－－表格边框部分的颜色，这里是</FONT><B><FONT color=#f73809>亮红色</FONT></B></P>
<P><FONT color=#d89839>☆  border=1                         －－－表格边框的厚度</FONT></P>
<P><FONT color=#d89839>☆  background=http://www.vicn.net/UploadFile/2004-4/200443071233119.gif </FONT></P>
<P><FONT color=#d89839>                                           －－－表格背景，这里用的是图片：</FONT></P>
<P align=center><FONT color=#d89839><IMG onmousewheel=\"return bbimg(this)\" style=\"CURSOR: pointer\" onclick=javascript:window.open(this.src); alt=\"\" src=\"http://www.vicn.net/UploadFile/2004-4/200443071233119.gif\" onload=\"javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;\"></FONT></P>
<H5 align=left><FONT color=#daad69>第二层代码</FONT></H5>
<P align=left><FONT color=#d89839><TABLE cellSpacing=5 borderColorDark=<B>#543636</B> cellPadding=0 width=\"100%\" borderColorLight=<B>#a57372</B> background=http://www.vicn.net/UploadFile/2004-4/200443071250124.gif border=1></FONT></P>
<P align=left><FONT color=#d89839>内容和第一层的相同，也是那么些东东，</FONT></P>
<P align=left><FONT color=#d89839>背景图片：</FONT></P>
<P align=center><FONT color=#d89839><IMG onmousewheel=\"return bbimg(this)\" style=\"CURSOR: pointer\" onclick=javascript:window.open(this.src); alt=\"\" src=\"http://www.vicn.net/UploadFile/2004-4/200443071250124.gif\" onload=\"javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;\"></FONT></P>
<H5 align=left><FONT color=#e2a13f>第三层背景  //三五七相同</FONT></H5><B><FONT size=1></FONT></B>
<P align=center><FONT color=#d89839><IMG onmousewheel=\"return bbimg(this)\" style=\"CURSOR: pointer\" onclick=javascript:window.open(this.src); alt=\"\" src=\"http://www.vicn.net/UploadFile/2004-4/200443072033179.gif\" onload=\"javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;\"></FONT></P>
<H5 align=left><FONT color=#e6af5d>第四层背景</FONT>    </H5>
<P align=center><B><FONT color=#d89839 size=1><IMG onmousewheel=\"return bbimg(this)\" style=\"CURSOR: pointer\" onclick=javascript:window.open(this.src); alt=\"\" src=\"http://www.vicn.net/UploadFile/2004-4/200443071137932.gif\" onload=\"javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;\"></FONT></B></P>
<H5 align=left><FONT color=#e2a13f>第五层背景       //三五七相同</FONT></H5>
<P align=center><FONT color=#d89839><IMG onmousewheel=\"return bbimg(this)\" style=\"CURSOR: pointer\" onclick=javascript:window.open(this.src); alt=\"\" src=\"http://www.vicn.net/UploadFile/2004-4/200443072033179.gif\" onload=\"javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;\"></FONT></P>
<H5 align=left><FONT color=#e2a13f>第六层背景</FONT></H5>
<P align=center><FONT color=#d89839><IMG onmousewheel=\"return bbimg(this)\" style=\"CURSOR: pointer\" onclick=javascript:window.open(this.src); alt=\"\" src=\"http://www.vicn.net/UploadFile/2004-4/200443071250124.gif\" onload=\"javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;\"></FONT></P>
<H5 align=left><FONT color=#d6a55c>最外层背景          //三五七相同</FONT></H5>
<P align=center><IMG onmousewheel=\"return bbimg(this)\" style=\"CURSOR: pointer\" onclick=javascript:window.open(this.src); alt=\"\" src=\"http://www.vicn.net/UploadFile/2004-4/200443072033179.gif\" onload=\"javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;\"></P>
<P align=center> </P>

狼族メ魔┋天下 · 发表于 2008-4-29 23:51:41

<

>音画全屏的制作方法 </P>
<

>采用的代码： </P>
<

>方法：把下列代码加到第一层表格的代码中：style=\"LEFT: -205px; WIDTH: 980px; POSITION: relative; TOP: 100px\" 效果如下： </P>
<TABLE id=table1 style=\"LEFT: -205px; WIDTH: 980px; POSITION: relative; TOP: 100px\" cellSpacing=10 align=center background=http://cry.shidabbs.com/home/bbsjc/images/jcbj01.jpg border=0>
<TBODY>
<TR>
<TD>这里插入帖子内容。 </TD></TR></TBODY></TABLE>（LEFT: -205px 左距，数值越大与左边距离越大。WIDTH: 980px 帖子宽度。TOP: 100px\" 上距数值越大与IE上面的距离越大。其中数值都可以自行修改。）注意：使用时还要根据论坛的版本灵活运用。

狼族メ魔┋天下 · 发表于 2008-4-29 23:52:43

<FONT face=黑体 size=4>论坛颜色对照表:</FONT><A href=\"http://e4apple.91.tc/colorboard/rgb.htm\" target=_blank><FONT face=黑体 color=red size=4>http://e4apple.91.tc/colorboard/rgb.htm</FONT></A><BR>

狼族メ尛褵點 · 发表于 2008-4-29 23:59:59

刷刷刷。顶顶顶。灌水灌水灌水娃哈哈

狼族メ尛褵點 · 发表于 2008-4-30 00:03:45

刷刷刷。顶顶顶。灌水灌水灌水娃哈哈

狼族メ尛褵點 · 发表于 2008-4-30 00:21:02

刷刷刷。顶顶顶。灌水灌水灌水娃哈哈

狼族メ緣夢 · 发表于 2008-5-12 22:23:32

<

><BR>饿狼欢迎你</P>
<

> </P>
<

> </P>

狼族メ緣夢 · 发表于 2008-5-12 22:24:46

<marquee direction=up><font color=RED size=5><img src=\"http://www.zhuzyc.com/bbs/upload/2007217122526887.gif\">饿狼欢迎你！

狼族メ緣夢 · 发表于 2008-5-12 22:45:30

<

><BR><br><br><BR><TABLE align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" background=http://bbs.680.cn/UploadFile/2005-7/200579103230591.gif><TR><TD style=\"FILTER: chroma(color=#336699\"><TABLE align=center bgcolor=#FCF3F4><TR><TD align=middle><FONT style=\"FONT-SIZE: 40pt\" face=哈哈饿狼传说 color=#336699><b>很漂亮的特效字 </b></FONT></TD></TR></TABLE></TD></TR></TABLE></P>
<

> </P>
<

> </P>

狼族メ緣夢 · 发表于 2008-5-12 22:47:43

狼族メ小振 · 发表于 2008-5-12 22:49:07

狼族メ緣夢 · 发表于 2008-5-12 22:50:17

<

><BR><br><br><BR><TABLE align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" background=http://bbs.680.cn/UploadFile/2005-7/200579103230591.gif><TR><TD style=\"FILTER: chroma(color=#336699\"><TABLE align=center bgcolor=#FCF3F4><TR><TD align=middle><FONT style=\"FONT-SIZE: 40pt\" face=华文新魏 color=#336699><b>哈哈 </b></FONT></TD></TR></TABLE></TD></TR></TABLE></P>
<

> </P>
<

> </P>

狼族メ緣夢 · 发表于 2008-5-12 23:04:43

<

><BR><TABLE align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" background=http://bbs.680.cn/UploadFile/2005-7/200579103230591.gif><TR><TD style=\"FILTER: chroma(color=#336699\"><TABLE align=center bgcolor=#FCF3F4><TR><TD align=middle><FONT style=\"FONT-SIZE: 40pt\" face=哈 color=#336699><b>哈</P>
<

> </P>
<

> </P>