HTML学做音画贴之不传秘籍

小楼 · 发表于 2009-1-18 23:24:47

应用HTML语句学做音画贴的不传之秘籍

　　应用HTML语句来做音画贴，其最基本的构成就是四个部分：边框、图文（内容）、音乐、FLASH 动画。

一、原始边框代码及说明

　　这边框可以设置任意N层，你想要几层就几层，网上很协调美观的边框大部分都是专业人士制做的（有些网站可以专门下载），你不要一看见一个漂亮边框就认为楼主高不可攀，实际上大部分朋友用的精美边框都是共享的，当然也有很大一部分是高手原创作品。在五年前我应用HTML语句（以下简称“代码”）学做音画贴以来，先后给许多好友传发了自己的原创代码，且供网上朋友一起学习交流与共享，所以说应用HTML语句学做音画贴，就不最是个不传之秘。朋友如用代码来做自己的贴子，请来我小家复制和借用，让你我在网游中相互学习、相互帮助和相互提高、相互开心快乐。

　　以下我收集整理了一个七层边框的实例介绍，图片可以任意换，只要你觉着好看就行。

1、应用代码学做边框最基本的代码说明

其中：border=边框粗细　 width=边框宽度　 height=边框高度　cellspacing=单元格间距　cellpadding=边框间距　borderColor=边框颜色　background=插入的背景。[这几个格式你也不要硬记硬背下来，可复制在你的记事本里，以后做贴子时知道这些代码是什么就行了]

2、最简单与原始的七层边框代码的实例介绍

（此处插入主文）

</TD></TR></TBODY></TABLE></TD>
</TR></TBODY></TABLE></TD></TR>
</TBODY></TABLE></TD></TR></TBODY>
</TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR>
</TBODY></TABLE>

二、加图片及内容

1、贴图片格式，红色代码是图片居中命令：
<P align=left> <IMG src="内容图片地址"></P>

2、文字内容由你自己定，这里也不说了。

3、贴普通字体格式，蓝色代码为字的颜色，红色代码为字的大小（最大为7，最小为1），其他运动字体的格式，这里就不说了：
<left><FONT face=宋体 color=#e4dc9b size=4></FONT></left>

三、贴音乐（视频）的格式

1.背景音乐（适合mid、wma等格式）
<bgsound src="音乐网址" Loop=-1>

2.音频（适合mp3、wma、rm等很多格式）
<embed src="网址" AutoStart=true Loop=true width=400 height=400>

3.视频
<embed src="视频网址" type=audio/x-pn-realaudio-plugin controls=imagewindow,ControlPanel,StatusBar AutoStart=true Loop=true width=400 height=400>

　　说明：AutoStart=true　表示是否要音乐文件传送完就自动播放，true是要，false是不要，默认为true，Loop=true　表示设定播放重复次数，LOOP=3表示重复3次，true表示无限次播放，false播放一次即停止。（红色部分为播放器的大小，设置为0就隐藏了播放器）。

四、贴FLASH格式

（红色代码分别是宽度与高度）：

<embed pluginspage=http://www.macromedia.com/go/getflashplayer src="FLASH地址" width=380 height=270 type=application/x-shockwave-flash quality="high" wmode="transparent"></embed>

外为大家介绍几种flash 的代码：

代码1（普通的flash的插入代码）：
<EMBED height=170 pluginspage=http://www.macromedia.com/go/getflashplayer src="地址" type=application/x-shockwave-flash width=330 wmode="transparent" quality="high"></EMBED>

代码2（无限制的flash的代码）：
<EMBED style="LEFT: 250px; WIDTH: 400px; POSITION: absolute; TOP: 900px; HEIGHT: 300px" align=right src="地址" width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>

代码3（大型flash ) ：
<TR><TD><EMBED style="LEFT: 50px; WIDTH: 850px; POSITION: absolute; TOP: 10px; HEIGHT: 1500px" align=right src="地址" width=500 height=1500 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED></TD>

代码4（双层flash的代码）：
<EMBED align=right src=地址 width=420 height=350 type=application/octet-stream wmode="transparent" quality="high"><EMBED align=right src="地址" width=420 height=350 type=application/octet-stream wmode="transparent" quality="high">

代码5透明特效：
style="FILTER: Alpha(opacity=100,style=2)"

代码6图片加透明FLASH格式：
<left><TABLE cellSpacing=2 cellPadding=2 border=10 bordercolor=#84B98D background=图片><TBODY><TD><EMBED src=透明网址 width=500 height=375 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"></embed></table></left>

五、如何编写边框代码及预览其效果

　　应用HTML语句学做边框时，会给那些代码搞混了，其实你也不要去管它是什么，这里我说最实用的方法：一是先在你电脑中新建一个记事本，并将以上“原始的七层边框代码”复制与粘贴在记事本里；二是直接从网上收集一个HTML在线编辑器，也将它收藏在你的电脑中，或者使用专业的工具如Dreamweaver；三是将你刚复制与粘贴在记事本里的“原始的七层边框代码”，一层一层地复制与粘贴到html编辑器；四是精选边框背景图片，并将“原始的七层边框代码”中“粘贴边框背景图片地址”换成你自己精选喜欢的图片；五是做一层看一下效果，直到最后一层就OK，祝你成功！

本资源来源于网络

可乐九妹 · 发表于 2009-1-19 00:06:05

沙发占定了，先呼呼去

诺亦随兮 · 发表于 2009-2-6 14:11:21

有时间慢慢实践下。。

小楼 · 发表于 2009-2-7 17:37:12

教程很多。实际上几乎都大同小异。主要是自己看怎么用了。

林大人 · 发表于 2009-2-13 00:44:23

好。有时间练习一下。。。做个像样的帖子出来

可乐九妹 · 发表于 2009-2-15 18:52:33

好啊，小林，期待你的作品哦

林大人 · 发表于 2009-2-17 15:04:27

原帖由 可乐九妹 于 2009-2-15 18:52 发表
好啊，小林，期待你的作品哦

BlackCat15;
不知道。。。要等多久BlackCat21;

HTML学做音画贴之不传秘籍

评分