打印

[音画课堂] 美化你的帖子－音画贴最简单制作教程

本主题由风云浪子于 2008-3-23 16:01 移动

lastgod

超级版主

Rank: 18

通宝币: 41043 枚
鲜花值: 758 朵
推广币: 2 枚

特殊贡献勋章优秀管理勋章论坛支柱勋章优秀斑竹奖章活动之星奖章

1^# 大中小发表于 2006-12-8 12:19 只看该作者

把本帖网址贴到网络上任何地方，同样可以获得推广币和用户等级提升 详情点击这里
http://www.770921.com/viewthread.php? tid=16213&fromuid=0 复制本帖地址

8月活动：积分获大礼活动(实物奖励）
联盟论坛管理人员大招募！

美化你的帖子－音画贴最简单制作教程

以此帖为例说明音画贴的简单做法：http://www.jishui.gov.cn/jsbbs/dispbbs.asp?boardID=16&ID=163&page=2
1、认识一下制作音画贴需要用到的三个按钮：

dvubb

此主题相关图片如下：

2、单击上图中插入表格的按钮，插入一个表格，根据需要设置好各项参数：

dvubb

此主题相关图片如下：

3、这是自动生成的表格：

此主题相关图片如下：

4、单击“HTML”标签，认识一下表格的html代码：


此主题相关图片如下：

5、在表格中加入文字，并设置好字体字号、对齐方式、文字颜色：

此主题相关图片如下：

6、插入图片和音乐，这时可以看见图片和音乐都在表格外边：


此主题相关图片如下：

7、为了把图片和音乐移到表格中，需要对代码进行手工编辑，单击“HTML”按钮：

此主题相关图片如下：

8、把图片和音乐的代码剪切到〈／TD〉标记之前：


此主题相关图片如下：
9、单击“Design”按钮可以看到图片和音乐加入表格后的效果，为了美观，设置为居中对齐：

此主题相关图片如下：

10、单击“预览”按钮看看最后的效果，符合要求，即可发表帖子了：


此主题相关图片如下：


这是最简单的音画贴做法，复杂的效果，如表格嵌套、背景特效、文字滚动等等，都可以通过这种办法编辑代码，达到最佳效果。
<TABLE cellSpacing=8 borderColorDark=#ff00ff cellPadding=8 width="100%" borderColorLight=#ff00ff background=http://www.53520.com/bbs/tp/1/4b264476555.gif border=8>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=4 borderColorDark=#ff00ff cellPadding=4 width="100%" borderColorLight=#ff00ff background=http://www.53520.com/bbs/tp/1/4b277673005.gif border=6>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=4 borderColorDark=#ff00ff cellPadding=4 width="100%" borderColorLight=#ff00ff border=8>
<TBODY>
<TR>
<TD>
<P align=center> <B><FONT color=#ff00ff size=6>请在这里加入文字、图片和音乐</FONT></B> 
<P>　</P>
<P>　</P>
<P>　 </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>效果：
请在这里加入文字、图片和音乐 
　
　 
代码：
<TABLE borderColor=#cc9900 cellSpacing=10 
borderColorDark=#cc9900 cellPadding=10 
width="100%" borderColorLight=#cc9900 
background=http://sarah2001.myrice.com/wyzf/bg3/b4.jpg border=2>
<TBODY>
<TR><SPAN id=dgPostLists__ctl8_lblReplyContent>
<TD align=middle>
<TABLE borderColor=#ff0066 cellSpacing=6 
borderColorDark=#ff0066 cellPadding=6 width="100%" 
borderColorLight=#ff0066 
background=http://www.53520.com/bbs/tp/1/4b277653041.gif border=6>
<TBODY>
<TR>
<TD>
<TABLE borderColorDark=#ff0066 cellPadding=2 
width="100%" borderColorLight=#ff0066 
background=http://xinyi2.16789.net/s-helpsite/index.asp?actionx=readart&newsid=65085 border=6>
<TBODY>
<TR>
<TD>
<TABLE cellPadding=0 width="100%" 
background=http://file.sayclub.co.kr/charimg/item_real2/a_s_01_2278_01_00.gif border=0>
<TBODY>
<TR>
<TD>
<P align=center><FONT color=#ff99ff> <FONT size=6><B><SPAN style="BACKGROUND-COLOR: #0066cc">
请在这里加入文字、图片和音乐
</SPAN></B></FONT></FONT> 
<P>　</P>
<P>　
</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></SPAN></TR></TBODY></TABLE></P>效果：
请在这里加入文字、图片和音乐
　 

代码：
<TABLE cellSpacing=5 borderColorDark=#ff0000 
cellPadding=5 width="100%" 
borderColorLight=#ff0000 
background=http://blog.lanyue.com/model/luntan/upload_pic/1326871.gif border=6>
<TBODY>
<TR><SPAN id=dgPostLists__ctl10_lblReplyContent>
<TD>
<TABLE cellSpacing=3 borderColorDark=#ff0000 
cellPadding=3 width="100%" 
borderColorLight=#ff0000 
background=http://blog.lanyue.com/model/luntan/upload_pic/1304506.gif border=8>
<TBODY>
<TR>
<TD>
<P align=center> <B><FONT color=#ff00ff 
size=6>请在这里加入文字、图片和音乐</FONT></B></P>
<P>　
</P></TD></TR></TBODY></TABLE></TD></SPAN></TR></TBODY></TABLE>效果：
　 
请在这里加入文字、图片和音乐 
　 

代码：
<TABLE borderColor=#003300 cellSpacing=9 
borderColorDark=#003300 cellPadding=9 width="100%" 
borderColorLight=#003300 
background=http://blog.lanyue.com/model/luntan/upload_pic/1326875.gif border=2>
<TBODY>
<TR><SPAN id=dgPostLists__ctl11_lblReplyContent>
<TD>
<TABLE borderColorDark=#003300 cellPadding=2 
width="100%" borderColorLight=#003300 
background=http://blog.lanyue.com/model/luntan/upload_pic/1568120.gif border=10>
<TBODY>
<TR>
<TD>
<P>　 
<P align=center><B><FONT color=#ff00ff size=6>请在这里加入文字、图片和音乐</FONT></B> 
<P>　
</P></TD></TR></TBODY></TABLE></TD></SPAN></TR></TBODY></TABLE>