出自 梅香傲雪.再由鸭子大盗修改而得!

音画帖子制作,常用的有三种方法:

1. 使用全代码制作.

2. 使用一些软件制作.(比如:FrontPage2003等)

3. 使用论坛的一些基本功能(主要是表格功能)制作.

这里是用在线编辑器来制作帖子.线编辑器的地址：

 

http://www.gdcic.net/nds/deditor.html

这网址可以加入网页浏览器的收藏夹里保存好备用。

第一步: 熟 悉 设 置

在"普通"设计状态下编帖.

 

第三步: 编 辑 制　作

好了，准备工作做好了，我们开始实际操作了:先点击"普通"按钮，进入编辑区，注意，你现在就进入了"普通"设计状态了。

(一) 加 边 框

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

2. 因为是多层边框，所以，我们再复制几层这样的边框:

鼠标放在这个边框的边缘处，(出现一个十字标记)，右击--复制,然后

(二) 加 背 景 图 片

 

刚才的边框设计是在"普通"状态下进行的，现在的背景图片是要在“HTML”代 码状态下进行.

 

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=图片地址".记得这地址后面要留有一个空格,否则图片将无法显示.

这里的"background"就是背景图片地址的意思,后面的 图片地址,就是 我要加的最外层的背景图片地址.

(背景图片1)

4. 接下来,把代码里第二组中的""bgColor=#ffffff "删去,改为"background=图片地址".这是加上第二层边框的背景图片:

(背景图片2)

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

（3) (4) (5) (6) (7)

 6. 好了,背景图片设置好了,接下来就是设置边框的大小了.如果你刚才介绍的几个代码熟悉的话,可以在代码状

态里把这些数字按照你自己的意思稍作修改就行.如果觉得不是很清楚的话,我们就回到"Design"设计状态里去修改.

7. 点击Design,选中最外层的边框,(鼠标放在这一层边框的边缘部分,点击左键),边框外就出现九个小方块,然后

点击按钮,弹出一个表格设置的对话框,我们把它设置为:"边框粗细=0","单元间距=30","单元边距=30","对齐方式

=默认",然后点确定.同样的方法选中第二层边框,设置这一层的边框为:"边框粗细=0","单元间距=8","单元边距

=8","对齐方式=右对齐",然后点确定.

 

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

 

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

 

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

 

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

 

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

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

(三) 加 图 文 内 容

 

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

（另：如果引用图片时留下蓝色线条的话，可以选中图片，点击去掉超级链接，就能把这蓝色线条去掉）

下面是我的制作哦:

小宇凡的周岁生日 鸭子贺 祝小凡凡生日快乐! 今天我生日,哈哈...... 看到没,这是我喝的...... 如果没看清,再来个特写 想想,我生日还要准备点啥,我怕爸爸妈妈忘了... 西西,这个姿势怎么样? 妈妈来抱我点蜡烛了 好漂亮的蛋糕... 妈妈我要吃..........WWWW 乖儿子,吹蜡烛咯!!! 要吹蜡烛了.....   写着高宇凡生日快乐几个大字......终于吹了 小宇凡不开心了吗? 是耳朵痒痒了,我挠.........     姑姑,给我个特写 瞧我乐得... 和妈妈合影,纪念这历史性的一刻 呵呵 妈妈,我也给你涂点儿 怎么样,漂亮吗? 瞧小姐姐吃得.... 熊样//// 以上所有照片由鸭子拍摄,版权所有.要转打个招呼! 照片处理:鸭子 后期制作:鸭子

对了，可别忘了给帖子配上一段合适的曲子哦~~~

 

方法：在帖子代码最后加上一段：

<EMBED src=音乐属性地址 width=0 height=0 type="audio/x-pn-realaudio-&#13;plugin" loop="true" autostart="true" controls="ControlPanel,StatusBar">

 

最后一步：如果你不是很放心的话，可以先预览看看效果。满意了再将代码全部复制后，进到你的博客帖子编辑器里，点一下下面的“代码”字样，进入代码区，粘贴好后，再点一下下面的“代码”字样，就回到了“设计”状态。

 如果行了，点“切换到编辑状”返回编辑，填上“文章标题”、“标签”。好了，一切就绪。点击左下方“发表日志”就OK了。

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