[博客技巧]音画贴教程。 2006-10-28 15:57

字号:    

音乐贴能使你的文章增色不少,发音乐贴需要的必备知识有,透明表格代码知识,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素材,音乐,图片再配上你的个人文字,就可以制作一个音乐帖了。我这个音乐帖不是很好看,只是给大家一个参考,扔个砖头希望能把玉抱回来。个人感觉文章不必装饰的太华丽,有时效果反而不好,凭个人喜好吧。

 




目录前言:

此博客秘籍以目录的形式向大家展示比较优秀的博客教程和技巧。分类清晰,读者很容易查阅。内容包括“播放器代码篇”、“CSS及HTML代码篇”、“综合应用篇”、“素材篇”、“网易博客篇”、“工具篇”等。以后可能还会添加新的分类。这里的代码都能在网易博客上较好的应用,而被网易博客屏蔽掉的代码,在这里就不做收录了。

 

教程收集:

如果您有好的教程,想与大家分享的话,欢迎在此文章后面跟贴,小强将把你的博客技巧收录到秘籍当中,让更多人受益!

 

公告:

本博客秘籍已经被网易帮助客服博客收录,是经过广大博友共同认可的博客秘籍范本。本博客内容有些来源于网络,有些属于小强个人原创,对提供技巧内容的博友表示感谢,同时本秘籍欢迎大家转载,转载请注明出处。

 

博客帮助:

年如果您有什么问题需要小强解决,请您可以点击这里给小强回复咨询,本人将竭尽全力为大家服务。关于数据丢失,登陆不了,统计出错等系统问题,请咨询网易客服!

 

 


本教程由小强编写,部分资源来源网络

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
网易公司版权所有 ©1997-2009