jufeng102 发表于 2009-2-12 00:40:46

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

一步一步教你制作漂亮的音画贴
如何简单的制作音画代码贴，首先你要初步的了解一点，
以下是此帖代码实例，你可以进行复制发帖：
<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 发表于 2009-2-12 00:42:11

<P><STRONG><FONT color=red size=6 face=楷体_GB2312>效果演示</FONT></STRONG></P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<TABLE style="POSITION: relative; WIDTH: 800px; HEIGHT: 600px; TOP: 0px; LEFT: 0px" id=table1 cellSpacing=0 cellPadding=0 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 align=center>
<TBODY>
<TR>
<TD>
<DIV align=center><FONT color=#ff0066><FONT color=#f70909 size=7 face=楷体_GB2312><FONT color=#ffff00>
<DIV align=left><FONT style="FILTER: shadow(color=#11A0FF); WIDTH: 100%; FONT-FAMILY: 方正舒体; HEIGHT: 150%; COLOR: white; FONT-SIZE: 35pt"><ALIGN=CENTER><STRONG>梦 中 的 唐 古 拉</STRONG>
<P></P></FONT></DIV>
<DIV align=center><EMBED height=52 type=application/octet-stream align=center width=370 src=http://imgfree.21cn.com/free/flash/59.swf quality="high" wmode="transparent"></DIV>
<MARQUEE direction=up width=480 scrollAmount=1><ALIGN=CENTER><FONT style="FILTER: shadow(color=#0909F7 ) FONT-FAMILY: 华文新魏; LINE-HEIGHT: 150%; WIDTH: 100%; COLOR: white; FONT-SIZE: 18pt"><FONT face=隶书>《梦中的唐古拉》</FONT>
<P></P><FONT face=隶书>用歌声描述着漫天飞舞的雪花，</FONT>
<P></P><FONT face=隶书>萦绕那动人的倩影，</FONT> <FONT face=隶书>好似一幅醉人的画卷。</FONT>
<P></P><FONT face=隶书>这是一个来自雪山脚下的声音，</FONT>
<P></P><FONT face=隶书>一个源自高原深处的呐喊。</FONT>
<P></P><FONT face=隶书>不老的韵律，勾起对往日的追忆；</FONT>
<P></P><FONT face=隶书>炽热的音符，</FONT>
<P></P><FONT face=隶书>带个你悦耳动听的音乐空间，</FONT>
<P></P><FONT face=隶书>并且配合她独有的藏文版歌曲，</FONT>
<P></P><FONT face=隶书>让听者心灵为之震撼、</FONT>
<P></P><FONT face=隶书>陶醉……</FONT>
<P></P><FONT face=隶书>编辑: jufeng102</FONT>
<P></P><FONT face=隶书>★落岸天使论坛★ </FONT>
<P></P></FONT></MARQUEE>
<P></P></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>&lt;&gt;
<P></P><EMBED height=0 type=audio/mpeg width=0 src=http://www.bxcase.com/9.mp3 autostart="true" loop="-1" volume="0">

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

jufeng102 发表于 2009-2-12 01:08:20

<P><STRONG><FONT color=blue size=4 face=楷体_GB2312>一，单层特效 （FLASH的宽度和高度与图片的宽度和高度一样或比图片的小。）</FONT></STRONG></P>
<P><STRONG><FONT size=4 face=楷体_GB2312>1.没有边框的特效：</FONT></STRONG></P>
<P align=center>
<TABLE border=1 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 height=300>
<TBODY>
<TR>
<TD><EMBED height=300 type=application/x-shockwave-flash width=400 src=http://imgfree.21cn.com/free/flash/51.swf wmode="transparent" quality="high"></EMBED></TD></TR></TBODY></TABLE></P>

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

jufeng102 发表于 2009-2-12 01:19:05

没有边框的特效代码如下


<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 发表于 2009-2-12 01:23:16

<STRONG><FONT size=4 face=楷体_GB2312>2.有边框的特效：</FONT></STRONG>
<P align=center>
<TABLE border=4 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 height=323>
<TBODY>
<TR>
<TD><EMBED height=300 type=application/x-shockwave-flash width=400 src=http://imgfree.21cn.com/free/flash/51.swf wmode="transparent" quality="high"></EMBED></TD></TR></TBODY></TABLE></P>

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

jufeng102 发表于 2009-2-12 01:29:25

有边框的特效代码如下：

<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 发表于 2009-2-12 01:33:26

<P><FONT face=宋体><FONT face=楷体_GB2312><FONT size=5><FONT color=#0000ff><B>二，双层特效</B></FONT></FONT></FONT><FONT size=2> </FONT></FONT></P>
<P><B><FONT face=楷体_GB2312><FONT size=4>1.没有边框的特效：</FONT></FONT></B></P>
<P align=center>
<TABLE border=0 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 height=300>
<TBODY>
<TR>
<TD><EMBED height=323 type=application/octet-stream align=right width=400 src=http://imgfree.21cn.com/free/flash/74.swf wmode="transparent" quality="high" ;;><EMBED height=323 type=application/octet-stream align=right width=400 src=http://imgfree.21cn.com/free/flash/51.swf wmode="transparent" quality="high" ;;></EMBED></TD></TR></TBODY></TABLE></P>

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

jufeng102 发表于 2009-2-12 01:37:33

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

<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 发表于 2009-2-12 01:46:03

<STRONG><FONT size=4 face=楷体_GB2312>2.有边框的特效：</FONT></STRONG>
<P align=center>
<TABLE border=5 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 height=300>
<TBODY>
<TR>
<TD><EMBED height=323 type=application/octet-stream align=right width=400 src=http://imgfree.21cn.com/free/flash/74.swf wmode="transparent" quality="high" ;;><EMBED height=300 type=application/octet-stream align=right width=400 src=http://imgfree.21cn.com/free/flash/51.swf wmode="transparent" quality="high" ;;></EMBED></TD></TR></TBODY></TABLE></P>

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

jufeng102 发表于 2009-2-12 01:49:16

有边框的特效代码如下：

<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 编辑 ]
页: [1] 2 3 4 5 6
查看完整版本: 一步一步教你制作漂亮的音画贴【09.07.11修复】