一步一步教你制作漂亮的音画贴【09.07.11修复】

jufeng102

一步一步教你制作漂亮的音画贴 如何简单的制作音画代码贴，首先你要初步的了解一点， 以下是此帖代码实例，你可以进行复制发帖： <TABLE id=table1 style="LEFT: 0px; WIDTH: 800px; HEIGHT: 600px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 align=center background=http://4p.qupan.com/p4/jpg/2009-7-11/17/www.qupan.com_2837937_%e6%a2%a6%e4%b8%ad%e7%9a%84%e5%94%90%e5%8f%a4%e6%8b%89.jpg?2kxuhk45r2medc45210tflag=1247304540opin=75a59d86dc781e01a12e66f43ea29392.jpg> <TBODY> <TR> <TD> <DIV align=center><FONT color=#ff0066><FONT face=楷体_GB2312 color=#f70909 size=7><FONT color=#ffff00> <DIV align=left><FONT style="FONT-SIZE: 35pt; FILTER: shadow(color=#11A0FF); WIDTH: 100%; COLOR: white; HEIGHT: 150%; FONT-FAMILY: 方正舒体"> <align=center><STRONG>梦 中 的 唐 古 拉</STRONG></P></FONT></DIV> <DIV align=center><EMBED align=center src=http://imgfree.21cn.com/free/flash/59.swf width=370 height=52 type=application/octet-stream quality="high" wmode="transparent"></DIV> <MARQUEE scrollAmount=1 direction=up width=480> <align=center><FONT style="FONT-SIZE: 18pt; FILTER: shadow(color=#0909F7 ) FONT-FAMILY: 华文新魏; WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%"> <FONT face=隶书>《梦中的唐古拉》</FONT></P> <FONT face=隶书>用歌声描述着漫天飞舞的雪花，</FONT></P> <FONT face=隶书>萦绕那动人的倩影，</FONT> <FONT face=隶书> 好似一幅醉人的画卷。</FONT></P> <FONT face=隶书>这是一个来自雪山脚下的声音，</FONT></P> <FONT face=隶书>一个源自高原深处的呐喊。</FONT></P> <FONT face=隶书>不老的韵律，勾起对往日的追忆；</FONT></P> <FONT face=隶书>炽热的音符，</FONT></P> <FONT face=隶书>带个你悦耳动听的音乐空间，</FONT></P> <FONT face=隶书>并且配合她独有的藏文版歌曲，</FONT></P> <FONT face=隶书>让听者心灵为之震撼、</FONT></P> <FONT face=隶书>陶醉……</FONT></P> <FONT face=隶书>编辑: jufeng102</FONT></P> <FONT face=隶书>★落岸天使论坛★ </FONT></P></FONT></MARQUEE></P></TD></TR></TBODY></TABLE> <></P><EMBED src=http://www.bxcase.com/9.mp3 width=0 height=0 type=audio/mpeg autostart="true" loop="-1" volume="0"> 注解：发帖时将以上代码中的红色链接换上你自己的素材链接即可，切记，发帖前一定记住勾选启用Html代码，如图示： 现在我开始一步步的讲： 一、先在网上找一张符合主题的图片，在图片上点击右键按属性，获得图片的地址和宽高，用你的图片地址换去代码中的地址。 <TABLE id=table1 style="LEFT: 0px; WIDTH: 800px; HEIGHT: 600px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 align=center background=http://4p.qupan.com/p4/jpg/2009-7-11/17/www.qupan.com_2837937_%e6%a2%a6%e4%b8%ad%e7%9a%84%e5%94%90%e5%8f%a4%e6%8b%89.jpg?2kxuhk45r2medc45210tflag=1247304540opin=75a59d86dc781e01a12e66f43ea29392.jpg> <TBODY> <TR> <TD> </TD></TR></TBODY></TABLE> 宽和高可以根据图片大小和个人喜好设定。 注解：【宽：WIDTH: 800px （数值根据图片宽度设定）  高：HEIGHT: 600px（数值根据图片高度设定）】 二、加入主题文字，看了下面的代码不用我说在什么地方换字吧。 <DIV align=center><FONT color=#ff0066><FONT face=楷体_GB2312 color=#f70909 size=7><FONT color=#ffff00> <DIV align=left><FONT style="FONT-SIZE: 35pt; FILTER: shadow(color=#11A0FF); WIDTH: 100%; COLOR: white; HEIGHT: 150%; FONT-FAMILY: 方正舒体"> <align=center><STRONG>梦 中 的 唐 古 拉</STRONG></P></FONT></DIV> 三、给帖子加flash，我在这里把参数设的比较小，给人一种苍鹰远远在天上飞的感觉。 <DIV align=center><EMBED align=center src=http://imgfree.21cn.com/free/flash/59.swf width=370 height=52 type=application/octet-stream quality="high" wmode="transparent"></DIV> 四、加入评论或歌词，速度可以自己控制。 <MARQUEE scrollAmount=1 direction=up width=480> <FONT style="FONT-SIZE: 18pt; FILTER: shadow(color=#0909F7 ) FONT-FAMILY: 华文新魏; WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%"> <FONT face=隶书>《梦中的唐古拉》</FONT></P> <FONT face=隶书>用歌声描述着漫天飞舞的雪花，</FONT></P> <FONT face=隶书>萦绕那动人的倩影， </FONT><FONT face=隶书> 好似一幅醉人的画卷。</FONT></P> <FONT face=隶书>这是一个来自雪山脚下的声音，</FONT></P> <FONT face=隶书>一个源自高原深处的呐喊。</FONT></P> <FONT face=隶书>不老的韵律，勾起对往日的追忆；</FONT></P> <FONT face=隶书>炽热的音符，</FONT></P> <FONT face=隶书>带个你悦耳动听的音乐空间，</FONT></P> <FONT face=隶书>并且配合她独有的藏文版歌曲，</FONT></P> <FONT face=隶书>让听者心灵为之震撼、</FONT></P> <FONT face=隶书>陶醉……</FONT></P> <FONT face=隶书>编辑: leilei</FONT></P> <FONT face=隶书>★落岸天使论坛★ </FONT></P></FONT></MARQUEE></P></TD></TR></TBODY></TABLE> 五、加入音乐，我设定为隐藏播放。 <EMBED src=http://www.bxcase.com/9.mp3 width=0 height=0 type=audio/mpeg autostart="true" loop="-1" volume="0"> 六、最后你就可以把所有内容组合在第一步，显示出的就是完整的音画帖。 <TABLE id=table1 style="LEFT: 0px; WIDTH: 792px; HEIGHT: 483px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 align=center background=换上你选的主题图片地址> <TBODY> <TR> <TD> 把第二步到第五步你置换好后的代码放在这里，当然第五步是隐藏的，也可以放在最后。 </TD></TR></TBODY></TABLE> 根据你自己所换的内容，请及时修改各项参数，并且一定要记着收尾。

[ 本帖最后由 jufeng102 于 2009-7-11 17:53 编辑 ]

jufeng102

效果演示

 

 

梦 中 的 唐 古 拉 《梦中的唐古拉》 用歌声描述着漫天飞舞的雪花， 萦绕那动人的倩影， 好似一幅醉人的画卷。 这是一个来自雪山脚下的声音， 一个源自高原深处的呐喊。 不老的韵律，勾起对往日的追忆； 炽热的音符， 带个你悦耳动听的音乐空间， 并且配合她独有的藏文版歌曲， 让听者心灵为之震撼、 陶醉…… 编辑: jufeng102 ★落岸天使论坛★

<>

[[i] 本帖最后由 jufeng102 于 2009-7-11 17:29 编辑 [/i]]

jufeng102

一，单层特效 （FLASH的宽度和高度与图片的宽度和高度一样或比图片的小。）

1.没有边框的特效：

[ 本帖最后由 jufeng102 于 2009-7-11 17:44 编辑 ]

jufeng102

没有边框的特效代码如下


<P align=center>
<TABLE height=300（图片高度） cellSpacing=0 width=400 （图片宽度）background=http://4p.qupan.com/p4/jpg/2009-7-11/17/www.qupan.com_4326843_%e7%a4%ba%e4%be%8b%e5%9b%be%e7%89%87.jpg?vl5cbk55uv5yon45210tflag=1247305371opin=f073e2520d703ed5031a13f091e56512.jpg（图片地址） border=1>
<TBODY>
<TR>
<TD><EMBED src=http://imgfree.21cn.com/free/flash/51.swf（特效地址） width=400（特效宽度） height=300（特效高度） type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></P>

[ 本帖最后由 jufeng102 于 2009-7-11 17:48 编辑 ]

jufeng102

2.有边框的特效：

[ 本帖最后由 jufeng102 于 2009-7-11 17:44 编辑 ]

jufeng102

有边框的特效代码如下：

<P align=center>
<TABLE height=300（图片高度） cellSpacing=0 width=400 （图片宽度）
background=http://4p.qupan.com/p4/jpg/2009-7-11/17/www.qupan.com_4326843_%e7%a4%ba%e4%be%8b%e5%9b%be%e7%89%87.jpg?vl5cbk55uv5yon45210tflag=1247305371opin=f073e2520d703ed5031a13f091e56512.jpg（图片地址） border=4（边框的宽度）>
<TBODY>
<TR>
<TD><EMBED src=http://imgfree.21cn.com/free/flash/51.swf（特效地址） width=400（特效宽度） height=300（特效高度） type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></P>

[ 本帖最后由 jufeng102 于 2009-7-11 17:48 编辑 ]

jufeng102

二，双层特效

1.没有边框的特效：

[ 本帖最后由 jufeng102 于 2009-7-11 17:45 编辑 ]

jufeng102

没有边框的特效代码如下：

<P align=center>
<TABLE height=300（图片高度） cellSpacing=0 cellPadding=0 width=400（图片宽度） background=http://4p.qupan.com/p4/jpg/2009-7-11/17/www.qupan.com_4326843_%e7%a4%ba%e4%be%8b%e5%9b%be%e7%89%87.jpg?vl5cbk55uv5yon45210tflag=1247305371opin=f073e2520d703ed5031a13f091e56512.jpg（图片地址） border=0>
<TBODY>
<TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/74.swf（特效地址） width=400（特效宽度） height=300（特效高度） type=application/octet-stream wmode="transparent" quality="high" ;;><EMBED align=right src=http://imgfree.21cn.com/free/flash/51.swf（特效地址） width=400（特效宽度） height=300（特效高度） type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED></TD></TR></TBODY></TABLE></P>

[ 本帖最后由 jufeng102 于 2009-7-11 17:47 编辑 ]

jufeng102

2.有边框的特效：

[ 本帖最后由 jufeng102 于 2009-7-11 17:46 编辑 ]

jufeng102

有边框的特效代码如下：

<P align=center>
<TABLE height=300（图片高度） cellSpacing=0 cellPadding=0 width=400（图片宽度） background=http://4p.qupan.com/p4/jpg/2009-7-11/17/www.qupan.com_4326843_%e7%a4%ba%e4%be%8b%e5%9b%be%e7%89%87.jpg?vl5cbk55uv5yon45210tflag=1247305371opin=f073e2520d703ed5031a13f091e56512.jpg（图片地址） border=5（边框厚度）>
<TBODY>
<TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/74.swf（特效地址） width=400（特效宽度） height=300（特效高度） type=application/octet-stream wmode="transparent" quality="high" ;;><EMBED align=right src=http://imgfree.21cn.com/free/flash/51.swf（特效地址） width=400（特效宽度） height=300（特效高度） type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED></TD></TR></TBODY></TABLE></P>

[ 本帖最后由 jufeng102 于 2009-7-11 17:47 编辑 ]