发新话题
打印

[分享] HTML音画代码

装饰一下播放器

就象为帖子加表格边框一样,可以把播放器也加上一些边框,可能不用加得太复杂,上面是一个加了三层边框的例子。

代码:


<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>


TOP

看看效果:

TOP

为黑色播放器加一个边缘

代码:

<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#000000 align=center border=1>
<TBODY>
<TR>
<TD>


<P align=center>

<EMBED style="FILTER: Xray" 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>


注:蓝底色的为黑色播放器


TOP

看看效果:

TOP

只要有想象力,可以根据图片素材,调整代码,做出各式各样的播放器

代码:
<TABLE borderColor=#dee4fe cellSpacing=3 cellPadding=0 background=http://www.yhbbs.com/UploadFile/2004-12/2004123023101352.gif border=2>
<TBODY>
<TR>
<TD>
<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=60,style=3)">
<P align=center><EMBED style="FILTER: Gray" 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>

TOP

看看效果:

TOP

普通代码播放器和三种有特效的播放器

这个是比较基本的,保留下代码就可以用了。

1、普通无特效播放器
<EMBED src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED>

2、黑色播放器
<EMBED style="FILTER: Xray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED>

3、灰色播放器
<EMBED style="FILTER: Gray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED>

4、叫不出名的播放器
<EMBED style="FILTER: Invert" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED>



TOP

看看效果:

1、



2、



3、



4、

TOP

HTML系列 --- 特效字体(附原码)

一.

印心IT论坛

二.
印心IT论坛
三.
印心IT论坛
四.

印心IT论坛

五.

印心IT论坛

六.

印心IT论坛

七.
印心IT论坛
八.
印心IT论坛
九.
印心IT论坛
十.
印心IT论坛

TOP

源代码:

一.
<P align=center><B><FONT style="FONT-SIZE: 40pt; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 10px; COLOR: silver; HEIGHT: 10px">印心IT论坛</B></FONT></P>

二.
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=#8CEA00); WIDTH: 100%; COLOR: #ff0000; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>印心IT论坛</B></FONT></CENTER>

三.
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#ff0000); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>印心IT论坛</B></FONT></CENTER>

四.
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#2828FF); WIDTH: 100%; COLOR: #ffebcd; LINE-HEIGHT: 200%; FONT-FAMILY: 华文彩云">
<P><B>印心IT论坛</B></P></FONT></CENTER>

五.
<P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 40pt; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 450px; LINE-HEIGHT: 150%; POSITION: relative" face=华文行楷 color=#8855aa>印心IT论坛</FONT> </P>

六.
<P align=center><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=black); WIDTH: 71.27%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云; HEIGHT: 60px"><B>印心IT论坛</B></FONT></P>

七.
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体" size=4>印心IT论坛</FONT></CENTER>

八.
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#a09261) shadow(color=#000000,direction=135) chroma(color=#a09261)" align=middle><FONT style="FONT-SIZE: 40pt; WIDTH: 100%; COLOR: #000000; LINE-HEIGHT: 150%; FONT-FAMILY: 黑体"><B><I>印心IT论坛</I></B></FONT> </TD></TR></TBODY></TABLE

九.
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#a09261) dropshadow(color=#000000,offx=-3,offy=-3,positive=1) chroma(color=#a09261)" align=middle><FONT style="FONT-SIZE: 40pt; WIDTH: 100%; COLOR: #000000; LINE-HEIGHT: 150%; FONT-FAMILY: 黑体"><B><I>印心IT论坛</I></B></FONT> </TD></TR></TBODY></TABLE>

十.
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: glow(strength=1) mask(color=#ff00ff) chroma(color=#ff00ff)" align=middle><FONT style="FONT-SIZE: 40pt; WIDTH: 100%; COLOR: #ff00ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B>印心IT论坛</B></FONT> </TD></TR></TBODY></TABLE>

注:字体 字号 颜色 可调换 更多文字特效见:http://wzyh.aa.topzj.com/forum-28655-1.html(不用注册)

[ 本帖最后由 zhyh 于 2007-1-25 20:28 编辑 ]

TOP

发新话题