装饰你的播放器（教学贴）

尘世难逢

天堂教学贴 未经同意请勿转走

朋友们在做图时，时常要用到音乐来配图，这时就需要好看的播放器来渲染整个帖子的气氛，今天我们天堂技术区向朋友们介绍几种装饰方法：

具体思路：

1. 插入第一层（外层）表格，宽度400，高度23，单元格衬距，单元格间距设为0，用亮丽、动感的图片做表格背景。 2. 插入第二层（内层）表格，宽度100%，单元格衬距，单元格间距设为0. 3. 把论坛帖音乐的播放器的宽度设为400，高度设为23，使播放时成为黑色的一条 ，把播放器代码插入第二层（内层）表格； 4. 用CSS滤镜语法"filter:Chroma(Color = color)" 使黑色透明，方法：将 filter:Chroma(Color="#000000") 插到第二层（内层）表格代码的 STYLE= 之后。完成。 根据自己喜好替换背景即可。

尘世难逢

[MP=400,23]http://www.3ge3.com/m/man/za/6.wma[/MP]

代码如下：

<p align=left> <TABLE id=table1; borderColor=#9900ff height=23 cellSpacing=0 cellPadding=0 width=400 background=http://bbs.guqu.net/UploadFile/2004-12/200412311623838.gif border=1 collapse;> <TBODY> <TR> <TD> <TABLE id=table2 style="FILTER: Chroma(Color=#000000)" height=23 cellSpacing=0 cellPadding=0 width=400 border=0> <TBODY> <TR> <TD> <p align=center><FONT size=1>[*MP=400,23]http://www.3ge3.com/m/man/za/6.wma[/MP]</FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></p>

尘世难逢

<P align=center> <TABLE borderColor=#bc8f8f cellSpacing=1 width=315 border=1> <TBODY> <TR> <TD><EMBED style="FILTER: invert(); WIDTH: 315px; HEIGHT: 28px" src=http://www.ewen.cc/wma/n00000056/n0000005616.wma type=audio/mpeg autostart="-1"></EMBED></TD></TR></TBODY></TABLE>

尘世难逢

播放器加厚度：

[*MP=400,65]" target=_blank>http://www.guqu.net.mp3[*/MP]

<TABLE height=65 cellSpacing=0 cellPadding=0 width=400 align=center background=http://bbs.guqu.net/UploadFile/2005-4/200543022114760716.gif border=8> <TBODY> <TR> <TD style="FILTER: Chroma(Color='#000000')"> <p align=center> [*MP=480,65,true]http://www.guqu.net.mp3[/MP]</P> </TD></TR></TBODY></TABLE>

注：为了不让音乐冲突，故意打了*，使用格式是，要去掉！

尘世难逢

不能循环的播放格式：

[*MP=400,24]http://www.guqu.net.mp3[/MP]

<TABLE height=24 cellSpacing=0 cellPadding=0 width=400 background=http://bbs.guqu.net/UploadFile/2005-1/200513019181840.gif border=1> <TBODY> <TR> <TD> <TABLE style="FILTER: Chroma(Color='#000000')" height=24 cellSpacing=0 cellPadding=0 width=400 border=0> <TBODY> <TR> <TD> <p align=center>[*MP=480,24,true]http://www.guqu.net.mp3[/MP] </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

尘世难逢

[*MP=400,24]http://www.guqu.net.mp3[/MP]

<TABLE height=60 cellSpacing=0 cellPadding=0 width=400 align=center background=http://bbs.guqu.net/UploadFile/2005-4/20054122234778967.gif border=1> <TBODY> <TR> <TD style="FILTER: Chroma(Color='#000000')"> <p align=center>[*MP=400,24,true]http://www.guqu.net.mp3[/MP]</P></TD></TR></TBODY></TABLE>

尘世难逢

有下载字样：

[*MP=406,20]http://www.guqu.net.mp3[/MP] 下载

尘世难逢

<DIV align=center> <TABLE borderColor=#ccffff height=20 cellSpacing=0 cellPadding=0 width=456 align=center background=http://bbs.guqu.net/UploadFile/2005-1/2005130191859676.gif border=1> <TBODY> <TR> <TD> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD width=406 height=20> <P align=center>[*MP=406,20]http://www.guqu.net.mp3[/MP]</P></TD> <TD width=50 height=20> <P align=center><A href="http://www.guqu.net.mp3/" target=_blank><FONT color=#00ffff><B>下载</B></FONT></A></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV><BR> 注意：图片宽度４０６，文字宽度５０，播放器的宽度设为４０６，而用ＨＴＭＬ代码编辑的边框宽度必须是图片宽度加文字宽度,即width=456

尘世难逢

[*MP=380,24,true]http://www.guqu.net.mp3[/MP]

<TABLE height=85 cellSpacing=0 cellPadding=0 width=400 align=center background=http://c05.caishow.com/mmsimg/comm/7210/53185.gif border=0> <TBODY> <TR> <TD> <P align=center>[*MP=380,24,true]http://www.guqu.net.mp3[/MP]</P></TD></TR></TBODY></TABLE>

尘世难逢

尘世难逢

<TABLE borderColor=#4F3256 align=center background=http://www.dabaoku.com/sucai/shejilei/bj/pic/0197.jpg border=1> <TBODY> <TR> <TD style="FILTER: alpha(opacity=50,style=3)"> <p align=center><EMBED src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></P></TD></TR></TBODY></TABLE>

---

方法极为简单，首先将播放器置于一个单独的表格里，并加上表格的透明特效，播放器上的花纹就是表格的底图。

平时使用的时候主要调换的内容：

1、底图 也可以不要底图，播放器会溶入帖子下面一层表格的颜色或背景图片中

2、并调节透明特效的值

3、表格边线的颜色与粗细，当然border也可以等于0

尘世难逢

尘世难逢

<TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=white> <TBODY> <TR> <TD> <TABLE style="BORDER-RIGHT: #ff69b4 3px dashed; BORDER-TOP: #ff69b4 3px dashed; BORDER-LEFT: #ff69b4 3px dashed; BORDER-BOTTOM: #ff69b4 3px dashed" cellSpacing=0 cellPadding=0 bgColor=white> <TBODY> <TR> <TD> <TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=2 cellPadding=0 bgColor=white> <TBODY> <TR> <TD> <TABLE borderColor=#ff69b4 align=center bgColor=#ffccf5 border=2> <TBODY> <TR> <TD style="FILTER: alpha(opacity=100,style=3)"> <p align=center><EMBED src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

尘世难逢

显然可以改为一层：

<TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=white> <TBODY> <TR> <TD>

<TABLE borderColor=#ff69b4 align=center bgColor=#ffccf5 border=2> <TBODY> <TR> <TD style="FILTER: alpha(opacity=100,style=3)"> <p align=center><EMBED src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

尘世难逢

<TABLE style="BORDER-RIGHT: #ff69b4 3px dashed; BORDER-TOP: #ff69b4 3px dashed; BORDER-LEFT: #ff69b4 3px dashed; BORDER-BOTTOM: #ff69b4 3px dashed" cellSpacing=0 cellPadding=0 bgColor=white> <TBODY> <TR> <TD>

<TABLE borderColor=#ff69b4 align=center bgColor=#ffccf5 border=2> <TBODY> <TR> <TD style="FILTER: alpha(opacity=100,style=3)"> <p align=center><EMBED src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>