打印

[顷情翻唱] 在线音乐贴制作方法

本主题由风中の百合于 2008-9-14 21:32 置顶

风中の百合

花谷谷主

Rank: 9 Rank: 9 Rank: 9

UID: 1
帖子: 8622
精华: 20
花币: 24864
注册时间: 2007-8-30

贴图先锋最佳写手花谷美工

楼主大中小发表于 2008-9-14 02:29 只看该作者

踩窝窝

送礼物

问候Ta

在线音乐贴制作方法

第一步:背景图

是自己用PS做还是用什么都不重要了.在网上找也行(要好看背景还是要的).一般在1000*600pt

第二步:找好你的专辑,把链接,歌曲名都弄规矩,还是很必需的吧.这个不能少.(我这个音乐品质不太好啊.不要学我)

http://music.bhfj.com/music/花间梦事/01花间梦事.wma
http://music.bhfj.com/music/花间梦事/02花月正春风.wma
http://music.bhfj.com/music/花间梦事/03无云天.WMA
http://music.bhfj.com/music/花间梦事/04花非花.wma
http://music.bhfj.com/music/花间梦事/05相思.WMA
http://music.bhfj.com/music/花间梦事/06月下独酌.WMA
http://music.bhfj.com/music/花间梦事/07夜深风竹敲秋韵.WMA
http://music.bhfj.com/music/花间梦事/08白云红叶两悠悠.wma
http://music.bhfj.com/music/花间梦事/09荷塘风缓.WMA
http://music.bhfj.com/music/花间梦事/10杨柳弄春柔.wma
http://music.bhfj.com/music/花间梦事/11荷风送香气.wma
http://music.bhfj.com/music/花间梦事/12品茗南亭.wma

01. 花间梦事
02. 花月正春风
03. 无云天
04. 花非花
05. 相思
06. 月下独酌
07. 夜深风竹敲秋韵
08. 白云红叶两悠悠
09.荷塘风缓
10.杨柳弄春柔
11.荷风送香气
12.品茗南亭

第三步,傻瓜试听列表制作.
先进入这个网址(试听列表自动生成器):http://www.sqkz.com/tool/yy_dm/html.htm

使用说明:
1、专辑试听列表方式（必选/本帖教程先用的是第五种.曲名+下载+试听）：总共6种不同的方式，可以选择你想要的方式，也可以自己修改相关代码，

　最后一个是专门生成专辑下载地址的。

2、曲目前装饰图片地址：显示在每个曲目标题的前面，装饰曲目标题用的，默认是mp3小图标，如果不要的话可以清除小图片的地址。 (我不就清空了)

3、曲目下载小图片地址：装饰曲目下载用的，注意不能太大，默认图标 (我不就清空了)

4、曲目试听小图片地址：装饰曲目试听用的，注意不能太大，默认图标 (我不就清空了)

5、曲目地址列表（必填）：这里粘帖曲目链接地址，注意一个地址一行，分行排列。例如：

http://music.bhfj.com/music/花间梦事/01花间梦事.wma
http://music.bhfj.com/music/花间梦事/02花月正春风.wma
http://music.bhfj.com/music/花间梦事/03无云天.WMA
http://music.bhfj.com/music/花间梦事/04花非花.wma
http://music.bhfj.com/music/花间梦事/05相思.WMA
http://music.bhfj.com/music/花间梦事/06月下独酌.WMA
http://music.bhfj.com/music/花间梦事/07夜深风竹敲秋韵.WMA
http://music.bhfj.com/music/花间梦事/08白云红叶两悠悠.wma
http://music.bhfj.com/music/花间梦事/09荷塘风缓.WMA
http://music.bhfj.com/music/花间梦事/10杨柳弄春柔.wma
http://music.bhfj.com/music/花间梦事/11荷风送香气.wma
http://music.bhfj.com/music/花间梦事/12品茗南亭.wma

5、曲目标题列表（必填）：这里粘帖曲目地址对应的曲目标题，注意一个标题一行，分行排列。例如：

01. 花间梦事
02. 花月正春风
03. 无云天
04. 花非花
05. 相思
06. 月下独酌
07. 夜深风竹敲秋韵
08. 白云红叶两悠悠
09.荷塘风缓
10.杨柳弄春柔
11.荷风送香气
12.品茗南亭

6、标题颜色：点击选标题颜色可以选择不同的颜色，如果要每个曲目标题的颜色都不相同，那么有几个曲目就要选择几个颜色。

　如果所有曲目标题都用同一种颜色，那么选择一个颜色，然后将 “统一颜色” 打勾就可以了。

7、显示表格：如果打勾那么就生成有表格的曲目列表，后面可以选择表格颜色

8、曲目列表宽度：调整曲目列表的宽度。

9、字体、大小、粗体：用来设置曲目标题的显示属性的。可以全部默认，不选择

10、首播音乐地址、首播音乐标题（必填）：就是打开帖子播放器首先播放的曲目。这里可以填写连播地址。

注意：

1、曲目链接地址行数和标题行数必须绝对相同，要注意最后一行后面不能有换行符。如果有多种标题颜色，那么颜色的行数也要相同。

2、生成的HTM代码包括播放器代码和试听曲目列表代码2部分。其中播放器的代码只是预览测试用的，你可以换成你喜欢的播放器样式代码

　但必须注意的是播放器代码里的id必须用 id=myPlayer 这是最关键的，否则试听就无效了。

　试听曲目列表代码和播放器代码可以复制粘帖到你帖子模板的适当位置去。

第四步:如何装列表加入帖子,并可以做的一些修改

1:红人居的全屏一层背景代码:

 
<TABLE id=table1 style="LEFT: -207px; WIDTH: 1000px; POSITION: relative; TOP: 80px" height=600 cellSpacing=1 width=1000 align=center background=http://www.hongrenju.com.cn/attachments/a_6D2bz0UM56aq.jpg border=1>
<TBODY>
<TR>
<TD>下一步将要加入试听列的内容在这个位置</TD></TR></TBODY></TABLE> 

上图中的图片地址可以换成你自己的图片在址.
style="LEFT: -200px; 花谷全屏左靠边的数值.其它论坛或许不同,不同时可以在这里作数值调整
TOP: 80px:跟IE顶端的距离,可以调整全帖在.IE中的上下位置.
height=600:帖子高度,
width=1000:帖子宽度.
border=1 帖子边线的宽度

好了,上面的调好了,就开始在里面加内容了.

2:确定试听下载列表的位置.
因为傻瓜器里生成的代码是分散的.我们要调整位置,要将它做成一个整体.那么常用的方法就是给它整体加上一个边框.
重复制一个第一步我们做的那个红人居的一层全屏代码,做如下调整:
style="LEFT: 300px.(列表的左右位置)
TOP: -60px(列表的上下位置)
width=300(列表宽度)
border=0(列表不要最外的边线)
height=600(高度自动由列表高度也就是曲目多少确定了,这个删除了)

把调好的代码加入第一步中的提示位置中得到如下代码:

 
<TABLE id=table1 style="LEFT: -207px; WIDTH: 1000px; POSITION: relative; TOP: 80px" height=600 cellSpacing=1 width=1000 align=center background=http://www.hongrenju.com.cn/attachments/a_6D2bz0UM56aq.jpg border=1>
<TBODY>
<TR>
<TD><TABLE id=table1 style="LEFT: 300px; WIDTH: 490px; POSITION: relative; TOP: -60px" cellSpacing=1 width=300 align=center background=0 border=0>
<TBODY>
<TR>
<TD>这个位置是下步将要加入的代码</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> 

3:试听代码可以做一些改动.

将生成器生成的代码复制过来.


<EMBED style="FILTER: invert()" id=mp3Player src=http://music.bhfj.com/music/花间梦事/06月下独酌.WMA width=300 height=50 type=audio/mpeg AutoStart="1" EnableContextMenu="-1" loop="1" ShowControls="-1" ShowStatusBar="-1" ShowDisplay="0"> 
当前播放曲目：06.月下独酌 
06.月下独酌


<TABLE cellSpacing="0" cellPadding="4" align="center" style="border-collapse: collapse" width="60%">
<TR><TD height=30>01.花间梦事</TD><TD align=center><a style="color: #006400;" href=http://music.bhfj.com/music/花间梦事/01花间梦事.wma>下载</a>　试听</TD></TR>........................................后面的省略了因为教程占地方....实际不止这么多哈.

在以上代码中:
width="60%"列表相对于我们第二步中的宽度的相对宽度.本帖里改成了绝对绝度.同第二步试听外边框的一样宽:width=300
 :两个提行代码,本帖删掉了.
当前播放曲目：06.月下独酌 
06.月下独酌:这一步分是显示现在正在试听的曲目.你可以删掉也可以不删.本帖为了好看删了.
height=30:这是列表中行的高度.可以自由调整.本帖默认没有做任何修改.

好了.把我们改的代码加入到第2步的代码中的提示位置里.就全部搞掂..

如下:

 
<TABLE id=table1 style="LEFT: -207px; WIDTH: 1000px; POSITION: relative; TOP: 80px" height=600 cellSpacing=1 width=1000 align=center background=http://www.hongrenju.com.cn/attachments/a_6D2bz0UM56aq.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE id=table1 style="LEFT: 300px; WIDTH: 490px; POSITION: relative; TOP: -60px" cellSpacing=1 width=300 align=center background=0 border=0>
<TBODY>
<TR>
<TD>
<EMBED id=mp3Player style="FILTER: invert()" src=http://music.bhfj.com/music/花间梦事/06月下独酌.WMA width=0 height=0 type=audio/mpeg ShowDisplay="0" ShowStatusBar="-1" ShowC loop="1" EnableC AutoStart="1"> 

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=4 width=300 align=center>
<TBODY>
<TR>
<TD height=25>01.花间梦事</TD>
<TD align=middle><A style="COLOR: #006400" href="http://music.bhfj.com/music/花间梦事/01花间梦事.wma">下载</A>　试听</TD></TR>
<TR>
<TD height=25>02.花月正春风</TD>
<TD align=middle><A style="COLOR: #006400" href="http://music.bhfj.com/music/花间梦事/02花月正春风.wma">下载</A>　试听</TD></TR>
<TR>
<TD height=25>03.无云天</TD>
<TD align=middle><A style="COLOR: #006400" href="http://music.bhfj.com/music/花间梦事/03无云天.WMA">下载</A>　试听</TD></TR>
<TR>
<TD height=25>04.花非花</TD>
<TD align=middle><A style="COLOR: #006400" href="http://music.bhfj.com/music/花间梦事/04花非花.wma">下载</A>　试听</TD></TR>
<TR>
<TD height=25>05.相思</TD>
<TD align=middle><A style="COLOR: #006400" href="http://music.bhfj.com/music/花间梦事/05相思.WMA">下载</A>　试听</TD></TR>
<TR>
<TD height=25>06.月下独酌</TD>
<TD align=middle><A style="COLOR: #006400" href="http://music.bhfj.com/music/花间梦事/06月下独酌.WMA">下载</A>　试听</TD></TR>
<TR>
<TD height=25>07.夜深风竹敲秋韵</TD>
<TD align=middle><A style="COLOR: #006400" href="http://music.bhfj.com/music/花间梦事/07夜深风竹敲秋韵.WMA">下载</A>　试听</TD></TR>
<TR>
<TD height=25>08.白云红叶两悠悠</TD>
<TD align=middle><A style="COLOR: #006400" href="http://music.bhfj.com/music/花间梦事/08白云红叶两悠悠.wma">下载</A>　试听</TD></TR>
<TR>
<TD height=25>09.荷塘风缓</TD>
<TD align=middle><A style="COLOR: #006400" href="http://music.bhfj.com/music/花间梦事/09荷塘风缓.WMA">下载</A>　试听</TD></TR>
<TR>
<TD height=25>10.杨柳弄春柔</TD>
<TD align=middle><A style="COLOR: #006400" href="http://music.bhfj.com/music/花间梦事/10杨柳弄春柔.wma">下载</A>　试听</TD></TR>
<TR>
<TD height=25>11.荷风送香气</TD>
<TD align=middle><A style="COLOR: #006400" href="http://music.bhfj.com/music/花间梦事/11荷风送香气.wma">下载</A>　试听</TD></TR>
<TR>
<TD height=25>12.品茗南亭</TD>
<TD align=middle><A style="COLOR: #006400" href="http://music.bhfj.com/music/花间梦事/12品茗南亭.wma">下载</A>　试听</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<<IMG alt="<img" src="http://www.hongrenju.com.cn/images/smilies/titter.gif" border=0 smilieid="9"> src="http://www.hongrenju.com.cn/images/smilies/titter.gif" border=0 smilieid="9">>

本帖最近评分记录