发新话题
打印

如何制作音画贴

如何制作音画贴

梦 中 的 唐 古 拉

《梦中的唐古拉》

用歌声描述着漫天飞舞的雪花,

萦绕那动人的倩影, 好似一幅醉人的画卷。

这是一个来自雪山脚下的声音,

一个源自高原深处的呐喊。

不老的韵律,勾起对往日的追忆;

炽热的音符,

带个你悦耳动听的音乐空间,

并且配合她独有的藏文版歌曲

让听者心灵为之震撼、

陶醉……

编辑: leilei

★简单音乐论坛

如何简单的制作音画代码贴,首先你要初步的了解一点请点击进入HTML代码参考知识

以下是此帖代码,你可以进行对比:

<TABLE id=table1 style="LEFT: 0px; WIDTH: 792px; HEIGHT: 483px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 align=center background=http://hk.netsh.com/eden/album/photo_data/1109186/1109186_1162627215.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: 方正舒体">
<P align=center><STRONG>梦 中 的 唐 古 拉</STRONG></P></FONT></DIV>
<DIV align=center><EMBED align=center src=http://blog.lanyue.com/upload/user/412/228768_10220940.swf width=370 height=52 type=application/octet-stream quality="high" wmode="transparent"></DIV>
<P>
<MARQUEE scrollAmount=1 direction=up width=480>
<P align=center><FONT style="FONT-SIZE: 18pt; FILTER: shadow(color=#0909F7 ) FONT-FAMILY: 华<br>文新魏; WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%">
<P align=center><FONT face=隶书>《梦中的唐古拉》</FONT></P>
<P align=center><FONT face=隶书>用歌声描述着漫天飞舞的雪花,</FONT></P>
<P align=center><FONT face=隶书>萦绕那动人的倩影,</FONT><FONT face=隶书> 好似一幅醉人的画卷。</FONT></P>
<P align=center><FONT face=隶书>这是一个来自雪山脚下的声音,</FONT></P>
<P align=center><FONT face=隶书>一个源自高原深处的呐喊。</FONT></P>
<P align=center><FONT face=隶书>不老的韵律,勾起对往日的追忆;</FONT></P>
<P align=center><FONT face=隶书>炽热的音符,</FONT></P>
<P align=center><FONT face=隶书>带个你悦耳动听的音乐空间,</FONT></P>
<P align=center><FONT face=隶书>并且配合她独有的藏文版歌曲,</FONT></P>
<P align=center><FONT face=隶书>让听者心灵为之震撼、</FONT></P>
<P align=center><FONT face=隶书>陶醉……</FONT></P>
<P align=center><FONT face=隶书>编辑: leilei</FONT></P>
<P align=center><FONT face=隶书>★简单音乐论坛★ </FONT></P></FONT></MARQUEE></P></TD></TR></TBODY></TABLE>
<P></P><EMBED src=http://218.77.80.18/wma6ting/st100yy/040706/1.Wma 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=[url]http://hk.netsh.com/eden/album/photo_data/1109186/1109186_1162627215.jpg[/url]>
<TBODY>
<TR>
<TD>
</TD></TR></TBODY></TABLE>

宽和高可以根据图片大小和个人喜好设定。HTML代码参考知识

二、加入主题文字,看了下面的代码不用我说在什么地方换字吧。

<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: 方正舒体">
<P align=center><STRONG>梦 中 的 唐 古 拉</STRONG></P></FONT></DIV>

三、给帖子加flash,我在这里把参数设的比较小,给人一种苍鹰远远在天上飞的感觉。

<DIV align=center><EMBED align=center src=[url]http://blog.lanyue.com/upload/user/412/228768_10220940.swf[/url] width=370 height=52 type=application/octet-stream quality="high" wmode="transparent"></DIV>

四、加入评论或歌词,速度可以自己控制。HTML代码参考知识

<MARQUEE scrollAmount=1 direction=up width=480>
<P align=center><FONT style="FONT-SIZE: 18pt; FILTER: shadow(color=#0909F7 ) FONT-FAMILY: 华<br>文新魏; WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%">
<P align=center><FONT face=隶书>《梦中的唐古拉》</FONT></P>
<P align=center><FONT face=隶书>用歌声描述着漫天飞舞的雪花,</FONT></P>
<P align=center><FONT face=隶书>萦绕那动人的倩影,</FONT><FONT face=隶书> 好似一幅醉人的画卷。</FONT></P>
<P align=center><FONT face=隶书>这是一个来自雪山脚下的声音,</FONT></P>
<P align=center><FONT face=隶书>一个源自高原深处的呐喊。</FONT></P>
<P align=center><FONT face=隶书>不老的韵律,勾起对往日的追忆;</FONT></P>
<P align=center><FONT face=隶书>炽热的音符,</FONT></P>
<P align=center><FONT face=隶书>带个你悦耳动听的音乐空间,</FONT></P>
<P align=center><FONT face=隶书>并且配合她独有的藏文版歌曲,</FONT></P>
<P align=center><FONT face=隶书>让听者心灵为之震撼、</FONT></P>
<P align=center><FONT face=隶书>陶醉……</FONT></P>
<P align=center><FONT face=隶书>编辑: leilei</FONT></P>
<P align=center><FONT face=隶书>★简单音乐论坛★ </FONT></P></FONT></MARQUEE></P></TD></TR></TBODY></TABLE>

五、加入音乐,我设定为隐藏播放。HTML代码参考知识

<EMBED src=http://218.77.80.18/wma6ting/st100yy/040706/1.Wma 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>


根据你自己所换的内容,请及时修改各项参数,并且一定要记着收尾。

[[i] 本帖最后由 lei0523lei 于 2007-6-14 17:51 编辑 [/i]]


本站通用解压密码:www.e077.com
本站QQ1群号:24385832[已满]  | 本站QQ2群号:10470450[可加] | 本站QQ3群号:16332977[可加]
简单音乐论坛招聘版主  |  链接失效举报 | 申请精华帖

FLASH原图:



将它做背景,并加上透明字:


自然风光


代码:

<DIV style="position:relative; top:0px; left:0px; width:530px; height:390px; overflow: hidden">

<div style="position: absolute; top: -50px; left: -50px">
<EMBED src=http://www.yyly8.com/yygrkj/grkj/kjlulu/sucai/flashtu/266.swf width=630 height=480 type=application/octet-stream wmode="transparent" quality="high">
</EMBED>
</div>

<div style="position: absolute; top: 120px; left: 80px">
<TABLE cellSpacing=0 cellPadding=0 width=510 align=center border=0><TR><TD style="filter:chroma(color=#ffff66)"><div style="width:100%;filter:glow(color=#00ff00 strength=19);color:white"><FONT style=" FONT-FAMILY: 华文新魏; FONT-SIZE: 66pt;" color=#ffff66>
<b>自然风光</b>
</FONT></div></TD></TR></TABLE>
</div>

</DIV>


将FLASH做背景的关键有两点:
1.FLASH一定要用透明代码,不然其他层放不上去.
2.FLASH一般都露出背景色,可将FLASH尺寸设定比表格大,然后将top: 和 left:设定负数来割去多余的背景色,以不露底为原则,割多了也影响美观.


加一个透明框上去:


自然风光

TOP

图片上加透明flash

一,单层特效 (FLASH的宽度和高度与图片的宽度和高度一样或比图片的小。发表的时候去掉自动修正前面的勾)

1.没有边框的特效:

<P align=center>
<TABLE height=323(图片高度) cellSpacing=0 width=400 (图片宽度)background=http://www.fshospital.org.cn/fsyyybbs/Mods/usr/53_14335.jpg(图片地址) border=1>
<TBODY>
<TR>
<TD><EMBED src=http://imgfree.21cn.com/free/flash/51.swf(特效地址) width=400(特效宽度) height=323(特效高度) type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></P>

2.有边框的特效:

<P align=center>
<TABLE height=323(图片高度) cellSpacing=0 width=400 (图片宽度)background=http://www.fshospital.org.cn/fsyyybbs/Mods/usr/53_14335.jpg(图片地址) border=4(边框的宽度)>
<TBODY>
<TR>
<TD><EMBED src=http://imgfree.21cn.com/free/flash/51.swf(特效地址) width=400(特效宽度) height=323(特效高度) type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></P>


双层特效

1.没有边框的特效:

代码如下:

<P align=center>
<TABLE height=323(图片高度) cellSpacing=0 cellPadding=0 width=400(图片宽度) background=http://www.fshospital.org.cn/fsyyybbs/Mods/usr/53_14335.jpg(图片地址) border=0>
<TBODY>
<TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/74.swf(特效地址) width=400(特效宽度) height=323(特效高度) type=application/octet-stream wmode="transparent" quality="high" ;;><EMBED align=right src=http://imgfree.21cn.com/free/flash/51.swf(特效地址) width=400(特效宽度) height=323(特效高度) type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED></TD></TR></TBODY></TABLE></P>

2.有边框的特效:

<P align=center>
<TABLE height=323(图片高度) cellSpacing=0 cellPadding=0 width=400(图片宽度) background=http://www.fshospital.org.cn/fsyyybbs/Mods/usr/53_14335.jpg(图片地址) border=5(边框厚度)>
<TBODY>
<TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/74.swf(特效地址) width=400(特效宽度) height=323(特效高度) type=application/octet-stream wmode="transparent" quality="high" ;;><EMBED align=right src=http://imgfree.21cn.com/free/flash/51.swf(特效地址) width=400(特效宽度) height=323(特效高度) type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED></TD></TR></TBODY></TABLE></P>


没有放透明FLASH的特效.

代码如下:

<P align=center>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=420(图片宽度) background=http://xz.2000y.net/100007/uploadpic/200491119916461.gif(图片地址) height=296(图片高度)>
</TD></TR></TOBDY></TBODY></TABLE></P>

放一层透明FLASH的特效.
代码如下:

<P align=center>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=420(图片宽度) background=http://xz.2000y.net/100007/uploadpic/200491119916461.gif(图片地址) height=296(图片高度)>
<P><B><EMBED align=right src=http://imgfree.21cn.com/free/flash/123.swf(特效地址) width=420(特效宽度) height=296(特效高度) type=application/octet-stream wmode="transparent" quality="high"></EMBED></B></P></TD></TR></TOBDY></TBODY></TABLE></P>


放两层透明FLASH的特效:

代码如下:

<P align=center>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=420 background=http://xz.2000y.net/100007/uploadpic/200491119916461.gif height=296>
<P><B><EMBED align=right src=http://imgfree.21cn.com/free/flash/123.swf width=420 height=296 type=application/octet-stream wmode="transparent" quality="high"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/16.swf width=420 height=296 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></B></P></TD></TR></TOBDY></TBODY></TABLE></P>


全屏播放的透明FLASH:飘落的红心

代码如下:

<EMBED style="LEFT: 50px; WIDTH: 850px; POSITION: absolute; TOP: 100px; HEIGHT: 1200px" align=center src=http://616bbs.vicp.net/picture/xx9/flash/25.swf width=900 height=1200 type=application/octet-stream ;; quality="high" wmode="transparent">

提示

绿色字符你可按规范化去修改吧.


啦啦啦,我从左向右移!

TOP

好东西啊 以后要好好的学习啊

TOP

这个要好好学习下!

TOP

好好学习,我找了好多论坛才找到这里.

TOP

很抽象,学习中。2 A" N) p! u `

8 m& s6 q+ z: O) l3 B顶一个

TOP

谢谢分享~我一定好好学习

TOP

非常不错的教程~

TOP

发新话题

本论坛拒绝一切和中华人民共和国法律相背的言论,违者交公安机关处理。本论坛所发文字和音乐信息仅代表发贴人个人观点,与本站立场无关。
本论坛音乐皆从网上搜集转载,不承担任何技术及版权问题。下载链接仅供宽带测试研究用途,请下载后24小时内删除,请勿用于商业用途。