音乐贴能使你的文章增色不少,发音乐贴需要的必备知识有,透明表格代码知识,Flash代码知识,播放器代码知识,CSS特效代码,图片处理等。
以下四点为必备知识:
表格代码知识请参考:表格的详细代码解说教程。
播放器代码知识:单曲播放器特效代码。
CSS特效代码:精美图片CSS滤镜
透明Flash代码知识:
代码基本格式如下
<EMBED align=right src=http://imgfree.21cn.com/free/flash/123.swf(特效地址) width=480(特效宽度) height=360(特效高度) type=application/octet-stream wmode="transparent" quality="high"></EMBED>
一、表格+Flash结合
代码基本格式如下
|
|
<TABLE height=背景图片的高或是你所设框的高 cellSpacing=0 cellPadding=0 width=背景图片的宽或是你所设框的宽 align=center background=背景图片.jpg border=1> <TBODY> <TR> <TD> <EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://路径/文件名称1.swf width=FLASH的宽 height=FLASH的高 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></TD></TR></TBODY></TABLE> |
效果:
二、表格+Flash结合+CSS图片特效
(1)CSS图片+表格
|
|
<TABLE border=0> <TBODY> <TR> <TD style="FILTER: Alpha(opacity=100,style=2)(羽化效果)" width=480(图片宽度) background=http://blog.163.com/photo/6NoQUdDf0ZBSFYfCMYhEDw==/1154328879490405551.jpg(图片地址) height=360(图片高度)> </TD></TR></TOBDY></TBODY></TABLE></P> |
(2)透明FLASH+CSS特效图片+表格
方法一:
|
|
<TABLE border=0> <TBODY> <TR> <TD style="FILTER: Alpha(opacity=100,style=2)" width=480(图片宽度) background=http://blog.163.com/photo/6NoQUdDf0ZBSFYfCMYhEDw==/1154328879490405551.jpg(图片地址) height=360(图片高度)> <P><B><EMBED align=right src=http://imgfree.21cn.com/free/flash/123.swf(特效地址) width=480(特效宽度) height=360(特效高度) type=application/octet-stream wmode="transparent" quality="high"></EMBED><P></B></TD></TR></TOBDY></TBODY></TABLE> |
方法二:
|
|
<TABLE style="FILTER: Alpha(opacity=100,style=2)" height=360 cellSpacing=0 cellPadding=0 width=480 align=center background=http://blog.163.com/photo/6NoQUdDf0ZBSFYfCMYhEDw==/1154328879490405551.jpg border=0> <TBODY> <TR> <TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/123.swf width=480 height=360 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></TD></TR></TBODY></TABLE> |
(3)放两层透明FLASH的特效
|
|
<TABLE border=0> <TBODY> <TR> <TD style="FILTER: Alpha(opacity=100,style=2)" width=480 background=http://blog.163.com/photo/6NoQUdDf0ZBSFYfCMYhEDw==/1154328879490405551.jpg height=360> <P><B><EMBED align=right src=http://imgfree.21cn.com/free/flash/123.swf width=480 height=360 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=480 height=360 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></P></B></TD></TR></TOBDY></TBODY></TABLE> |
三、综合篇
找到合适的边框素材,flash素材,音乐,图片再配上你的个人文字,就可以制作一个音乐帖了。我这个音乐帖不是很好看,只是给大家一个参考,扔个砖头希望能把玉抱回来。个人感觉文章不必装饰的太华丽,有时效果反而不好,凭个人喜好吧。
|
| | | | | |
本教程由小强编写,部分资源来源网络