找来一些学习材料,希望对音画贴感兴趣的初学朋友有所帮助

并请高手多多指教

制作加背景及边框的音乐图文帖,有三种方法:

1. 使用全代码制作

2. 使用一些软件制作

3. 使用论坛的一些基本功能

一般初学者对代码很是头痛，本贴主要讲解如何

使用论坛的一些基本功能制作音画贴。

第一步: 熟 悉 设 置

既然要使用论坛的一些基本功能, 就一定要先熟悉一些常用的设置

我们点击"发表话题"按钮,进入发帖区制作音乐图文帖,我们主要使用的就是插入表格按钮

下面有一组设置,我们也要了解一下:

"Design"是设计状态, "VIEW"是预览状态, "HTML"是代码状态。

我们一般是在"Design"设计状态下发帖。

第二步: 准 备 材 料

以一帖 相思几许 为例：

一. 图文内容：

就这样遥遥相望

你在我的对面

如果我盛开

那也只是为你那热烈的目光

请你细细吟听我的心语

相思为你

......

夏天慢慢的过去了

枯荷上的蜻蜓小小的停留

注视着那片残红

我的相思呢，

它遗留在何方？

二. 分割线及装饰图片：

此主题相关图片如下：

此主题相关图片如下：

三. 背景图片素材：

第三步: 编 辑 操作

好了,准备工作做好了,我们开始实际操作了:

先点击"发表话题"按钮,进入发帖区,注意,你现在就进入了"Design"设计状态了.在编辑帖子前,要记得先填好上面你要编辑的帖子的标题.这很重要,因为没有标题会把自己做好的帖子弄丢,问题就出在这最小也最重要的一步.

(一) 加 边框

1. 点击插入表格按钮,弹出一个对话框,点确定,就出现这样的一层边框:

鼠标放在这个边框的边缘处,(出现一个十字标记),右击--复制,然后在边框外空的地方点一下,再把鼠标放进表格内最左边的位置,(鼠标进去后,可以用退格键试试,把多余的空格退掉,免得边框内有空格,边框会变高.)右击---粘贴,就出现双层边框.重复这样的操作,做成一个七层边框如下:

(为了大家看清几个层次,我把几个边框的颜色设置成黑色,而大家自己在操作时看到的应该是几层淡灰色的边框.)

(二) 加 背 景 图 片

刚才的边框设计是在"Design"状态下进行的,现在的背景图片是要在代码状态下进行.

1. 点击下面的"HTML"按钮,进入代码状态,出现的是这样的一段代码:

<TABLE borderColor=#cccccc 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=#cccccc 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=#cccccc 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=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>&nbsp;</TD></TR></TBODY></TABLE>&nbsp;</TD></TR></TBODY></TABLE>&nbsp;</TD></TR></TBODY></TABLE>&nbsp;</TD></TR></TBODY></TABLE>&nbsp;</TD></TR></TBODY></TABLE>&nbsp;</TD></TR></TBODY></TABLE>&nbsp;</TD></TR></TBODY></TABLE>

2. 在这里,我们可以知道一些简单的代码知识:

边框的颜色----borderColor=#cccccc

单元间距----cellSpacing=2

单元边距----cellPadding=3

表格宽度----width="100%"

背景颜色----bgColor=#ffffff

边框粗细----border=1

3. 我们先要设置的是背景图片,所以,我们把原来代码里第一组中的"bgColor=#ffffff "删去,改为"background=http://www.izhen.cn/dv/UploadFile/2006-8/200681217303242581.jpg". 记得这地址后面要留有一个空格,否则图片将无法显示.

这里的"background"就是背景图片地址的意思,后面的http://www.izhen.cn/dv/UploadFile/2006-8/200681217303242581.jpg,就是我要加的最外层的背景图片地址.

(背景图片1)

4. 接下来,把代码里第二组中的"bgColor=#ffffff "删去,改为"background= www.izhen.cn/dv/UploadFile/2006-8/200681217303229515.jpg ".

这是加上第二层边框的背景图片:

(背景图片2)

5. 以同样的方法加上其他几层边框的背景图片:

(3) 背景图片2和4，6 相同

把代码里第五组和第七组中的"bgColor=#ffffff "改为bgColor=#000000

7. 点击Design,选中最外层的边框,(鼠标放在这一层边框的边缘部分,点击左键),边框外就出现八个小方块,然后点击按钮,弹出一个表格设置的对话框,我们把它设置为:"边框粗细=0","单元间距=30","单元边距=30","对齐方式=默认",然后点确定.

同样的方法选中第二层边框,设置这一层的边框为:"边框粗细=1","单元间距=0","单元边距=6","对齐方式=右对齐",然后点确定.

第三层边框的设置为:"边框粗细=1","单元间距=0","单元边距=20","对齐方式=右对齐",然后点确定.

第四层边框的设置为:"边框粗细=1","单元间距=0","单元边距=5","对齐方式=右对齐",然后点确定.

第五层边框的设置为:"边框粗细=1","单元间距=0","单元边距=10","对齐方式=右对齐", "背景颜色=黑色",然后点确定.

第六层边框的设置为:"边框粗细=1","单元间距=0","单元边距=3","对齐方式=右对齐",然后点确定.

第七层边框的设置为:"边框粗细=1","单元间距=0","单元边距=6","对齐方式=右对齐", "背景颜色=黑色",然后点确定.

好了,边框的设置到此结束.我们现在见到的,就是下面这样一个多层边框(如果不满意它的宽度的话,可以按照自己的意思再选中边框修改):

(三) 加 图 文 内 容

漂亮的外框做好了(如果你想速成的话,可以直接借用别人的整套边框素材,这样可以省却上面几步操作;但如果你想自己创作,自己来制作边框的话,就必须得这样一步步去完成.),下面就简单了,我们只要把自己准备的原始资料复制进去就可以了,如果文字和里面的图片大小不合适的话,你都可以选中之后,再进行文字和图片的编辑.当然这时，那些漂亮的素材就可以起到锦上添花的作用了.

(另:如果引用图片时留下蓝色线条的话,可以选中图片,点击去掉超级链接,就能把这蓝色线条去掉.)

这么漂亮，我一定要试着做一个！

不知道能行不能！

这么漂亮，我一定要试着做一个！

不知道能行不能！

做好了吗？

代码：

<EMBED src=flash地址 width=500 height=400 type=application/x-shockwave-flash quality="high" wmode="transparent">

红色字体为flash地址。

用现成的套装：精美套装