循序渐进音画贴制作学习 [2007-4-1 更新]

zhansh

许多朋友想学做HTML代码帖子，今天我们就一起来学习吧，由最简单开始，一步一步来，由于时间少也不会写东西，我每天写一段，大家有问题可以在后面跟贴提问。

一、添加表格和音乐连接，代码如下

1. <TABLE style="LEFT: 0px; WIDTH: 550px; HEIGHT:400; POSITION: relative; TOP: 0px" border=5 borderColor=#FF0000 background=背景图片>
   
2.   <TR>
   
3.     <TD width="100%">
   
4.         标题<br>
   
5.         正文部分</br>
   
6.        <EMBED src="音乐连接" width=300 height=50 type=video/x-ms-wvx loop="-1" autostart="1"></embed><br>
   
7.         署名</br>
   
8.     </TD>
   
9.   </TR>
   
10. </TABLE>

复制代码

在音画贴中我们主要以表格来输入内容，需要注意的有：其中的 left,width 这些我想大家都能看的懂，border 指表格边框的宽度，bodercolor 是指表格边框的颜色，你可以根据爱好在本贴2楼选择色彩代码，background 指表格背景图片的地址；音乐代码里有个 autostart ，设置为 1 ，表示自动播放，如果不需要自动播放设置为 0。

其他代码解释：
<br> ---- 代表换行
<tr></tr>----表示表格中的一行
<td></td>----表示一个单元格

演示：本贴一楼

二、文本字体的设置：

1. <font face="黑体" size="7" color=#FF0000>落岸天使论坛</font>

复制代码

演示效果：落岸天使论坛

其中：
face----表示字体
size----表示字体大小
color----表示字体颜色

粗体字使用：

1. <b>落岸天使论坛</b>

复制代码

演示效果：落岸天使论坛

以上两段代码可以合起来使用如下（注意字体换成了楷体_GB2312，黑体看不出加粗效果）：

1. <font face="楷体_GB2312" size="7" color=#FF0000><b>落岸天使论坛</b></font>

复制代码

演示效果：落岸天使论坛

关于字体名称，请在发贴框中的“字体”选项中查看，此处不再列举。

三、滚动文本的制作：

1. <marquee align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">落岸天使论坛</marquee>

复制代码

其中：
align----对齐方式，选项有 left，right，center，top，bottom 等
behavior----移动方式，值：scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动)
bgcolor----背景颜色
direction----移动方向，取值有四个：left（左)、right(右)、up(上)、down(下)
height,width----高度和宽度
loop----循环，若未指定则循环不止(infinite)，其值取数值为整数，如取为3，表示滚动 3 次
scrollamount----移动速度，值取整数，数值越大，速度越快
scrolldelay----延时，取整数值
onMouseOut="this.start()" onMouseOver="this.stop()"----表示鼠标放在滚动文本上时文本停止滚动，移开时开始滚动

最近太忙，我会陆续更新的，请大家原谅 2007.4.2。。

zhansh

	#FFFFFF		#FFFFF0		#FFFFE0		#FFFF00
	#FFFAFA		#FFFAF0		#FFFACD		#FFF8DC
	#FFF68F		#FFF5EE		#FFF0F5		#FFEFDB
	#FFEFD5		#FFEC8B		#FFEBCD		#FFE7BA
	#FFE4E1		#FFE4C4		#FFE4B5		#FFE1FF
	#FFDEAD		#FFDAB9		#FFD700		#FFD39B
	#FFC1C1		#FFC125		#FFC0CB		#FFBBFF
	#FFB90F		#FFB6C1		#FFB5C5		#FFAEB9
	#FFA54F		#FFA500	?	#FFA07A	?	#FF8C69
?	#FF8C00	?	#FF83FA	?	#FF82AB	?	#FF8247
?	#FF7F50	?	#FF7F24	?	#FF7F00	?	#FF7256
?	#FF6EB4	?	#FF6A6A	?	#FF69B4	?	#FF6347
?	#FF4500	?	#FF4040	?	#FF3E96	?	#FF34B3
?	#FF3030	?	#FF1493	?	#FF00FF	?	#FF0000
?	#FDF5E6	?	#FCFCFC	?	#FAFAFA	?	#FAFAD2
?	#FAF0E6	?	#FAEBD7	?	#FA8072	?	#F8F8FF
?	#F7F7F7	?	#F5FFFA	?	#F5F5F5	?	#F5F5DC
?	#F5DEB3	?	#F4F4F4	?	#F4A460	?	#F2F2F2
?	#F0FFFF	?	#F0FFF0	?	#F0F8FF	?	#F0F0F0
?	#F0E68C	?	#F08080	?	#EEEEE0	?	#EEEED1
?	#EEEE00	?	#EEE9E9	?	#EEE9BF	?	#EEE8CD
?	#EEE8AA	?	#EEE685	?	#EEE5DE	?	#EEE0E5
?	#EEDFCC	?	#EEDC82	?	#EED8AE	?	#EED5D2
?	#EED5B7	?	#EED2EE	?	#EECFA1	?	#EECBAD
?	#EEC900	?	#EEC591	?	#EEB4B4	?	#EEB422
?	#EEAEEE	?	#EEAD0E	?	#EEA9B8	?	#EEA2AD
?	#EE9A49	?	#EE9A00	?	#EE9572	?	#EE82EE
?	#EE8262	?	#EE7AE9	?	#EE799F	?	#EE7942
?	#EE7621	?	#EE7600	?	#EE6AA7	?	#EE6A50
?	#EE6363	?	#EE5C42	?	#EE4000	?	#EE3B3B
?	#EE3A8C	?	#EE30A7	?	#EE2C2C	?	#EE1289
?	#EE00EE	?	#EE0000	?	#EDEDED	?	#EBEBEB
?	#EAEAEA	?	#E9967A	?	#E8E8E8	?	#E6E6FA
?	#E5E5E5	?	#E3E3E3	?	#E0FFFF	?	#E0EEEE
?	#E0EEE0	?	#E0E0E0	?	#E066FF	?	#DEDEDE
?	#DEB887	?	#DDA0DD	?	#DCDCDC	?	#DC143C
?	#DBDBDB	?	#DB7093	?	#DAA520	?	#DA70D6
?	#D9D9D9	?	#D8BFD8	?	#D6D6D6	?	#D4D4D4
?	#D3D3D3	?	#D2B48C	?	#D2691E	?	#D1EEEE
?	#D1D1D1	?	#D15FEE	?	#D02090	?	#CFCFCF
?	#CDCDC1	?	#CDCDB4	?	#CDCD00	?	#CDC9C9
?	#CDC9A5	?	#CDC8B1	?	#CDC673	?	#CDC5BF
?	#CDC1C5	?	#CDC0B0	?	#CDBE70	?	#CDBA96
?	#CDB7B5	?	#CDB79E	?	#CDB5CD	?	#CDB38B
?	#CDAF95	?	#CDAD00	?	#CDAA7D	?	#CD9B9B
?	#CD9B1D	?	#CD96CD	?	#CD950C	?	#CD919E
?	#CD8C95	?	#CD853F	?	#CD8500	?	#CD8162
?	#CD7054	?	#CD69C9	?	#CD6889	?	#CD6839
?	#CD661D	?	#CD6600	?	#CD6090	?	#CD5C5C
?	#CD5B45	?	#CD5555	?	#CD4F39	?	#CD3700
?	#CD3333	?	#CD3278	?	#CD2990	?	#CD2626
?	#CD1076	?	#CD00CD	?	#CD0000	?	#CCCCCC
?	#CAFF70	?	#CAE1FF	?	#C9C9C9	?	#C7C7C7
?	#C71585	?	#C6E2FF	?	#C67171	?	#C5C1AA
?	#C4C4C4	?	#C2C2C2	?	#C1FFC1	?	#C1CDCD
?	#C1CDC1	?	#C1C1C1	?	#C0FF3E	?	#BFEFFF
?	#BFBFBF	?	#BF3EFF	?	#BEBEBE	?	#BDBDBD
?	#BDB76B	?	#BCEE68	?	#BCD2EE	?	#BC8F8F
?	#BBFFFF	?	#BABABA	?	#BA55D3	?	#B9D3EE
?	#B8B8B8	?	#B8860B	?	#B7B7B7	?	#B5B5B5
?	#B4EEB4	?	#B4CDCD	?	#B452CD	?	#B3EE3A
?	#B3B3B3	?	#B2DFEE	?	#B23AEE	?	#B22222
?	#B0E2FF	?	#B0E0E6	?	#B0C4DE	?	#B0B0B0
?	#B03060	?	#AEEEEE	?	#ADFF2F	?	#ADD8E6
?	#ADADAD	?	#ABABAB	?	#AB82FF	?	#AAAAAA
?	#A9A9A9	?	#A8A8A8	?	#A6A6A6	?	#A52A2A
?	#A4D3EE	?	#A3A3A3	?	#A2CD5A	?	#A2B5CD
?	#A1A1A1	?	#A0522D	?	#A020F0	?	#9FB6CD
?	#9F79EE	?	#9E9E9E	?	#9C9C9C	?	#9BCD9B
?	#9B30FF	?	#9AFF9A	?	#9ACD32	?	#9AC0CD
?	#9A32CD	?	#999999	?	#9932CC	?	#98FB98
?	#98F5FF	?	#97FFFF	?	#96CDCD	?	#969696
?	#949494	?	#9400D3	?	#9370DB	?	#919191
?	#912CEE	?	#90EE90	?	#8FBC8F	?	#8F8F8F
?	#8EE5EE	?	#8E8E8E	?	#8E8E38	?	#8E388E
?	#8DEEEE	?	#8DB6CD	?	#8C8C8C	?	#8B8B83
?	#8B8B7A	?	#8B8B00	?	#8B8989	?	#8B8970
?	#8B8878	?	#8B8682	?	#8B864E	?	#8B8386
?	#8B8378	?	#8B814C	?	#8B7E66	?	#8B7D7B
?	#8B7D6B	?	#8B7B8B	?	#8B795E	?	#8B7765
?	#8B7500	?	#8B7355	?	#8B6969	?	#8B6914
?	#8B668B	?	#8B6508	?	#8B636C	?	#8B5F65
?	#8B5A2B	?	#8B5A00	?	#8B5742	?	#8B4C39
?	#8B4789	?	#8B475D	?	#8B4726	?	#8B4513
?	#8B4500	?	#8B3E2F	?	#8B3A62	?	#8B3A3A
?	#8B3626	?	#8B2500	?	#8B2323	?	#8B2252
?	#8B1C62	?	#8B1A1A	?	#8B0A50	?	#8B008B
?	#8B0000	?	#8A8A8A	?	#8A2BE2	?	#8968CD
?	#87CEFF	?	#87CEFA	?	#87CEEB	?	#878787
?	#858585	?	#848484	?	#8470FF	?	#838B8B
?	#838B83	?	#836FFF	?	#828282	?	#7FFFD4
?	#7FFF00	?	#7F7F7F	?	#7EC0EE	?	#7D9EC0
?	#7D7D7D	?	#7D26CD	?	#7CFC00	?	#7CCD7C
?	#7B68EE	?	#7AC5CD	?	#7A8B8B	?	#7A7A7A
?	#7A67EE	?	#7A378B	?	#79CDCD	?	#787878
?	#778899	?	#76EEC6	?	#76EE00	?	#757575
?	#737373	?	#71C671	?	#7171C6	?	#708090
?	#707070	?	#6E8B3D	?	#6E7B8B	?	#6E6E6E
?	#6CA6CD	?	#6C7B8B	?	#6B8E23	?	#6B6B6B
?	#6A5ACD	?	#698B69	?	#698B22	?	#696969
?	#6959CD	?	#68838B	?	#68228B	?	#66CDAA
?	#66CD00	?	#668B8B	?	#666666	?	#6495ED
?	#63B8FF	?	#636363	?	#616161	?	#607B8B
?	#5F9EA0	?	#5E5E5E	?	#5D478B	?	#5CACEE
?	#5C5C5C	?	#5B5B5B	?	#595959	?	#575757
?	#556B2F	?	#555555	?	#551A8B	?	#54FF9F
?	#548B54	?	#545454	?	#53868B	?	#528B8B
?	#525252	?	#515151	?	#4F94CD	?	#4F4F4F
?	#4EEE94	?	#4D4D4D	?	#4B0082	?	#4A708B
?	#4A4A4A	?	#48D1CC	?	#4876FF	?	#483D8B
?	#474747	?	#473C8B	?	#4682B4	?	#458B74
?	#458B00	?	#454545	?	#43CD80	?	#436EEE
?	#424242	?	#4169E1	?	#40E0D0	?	#404040
?	#3D3D3D	?	#3CB371	?	#3B3B3B	?	#3A5FCD
?	#388E8E	?	#383838	?	#36648B	?	#363636
?	#333333	?	#32CD32	?	#303030	?	#2F4F4F
?	#2E8B57	?	#2E2E2E	?	#2B2B2B	?	#292929
?	#282828	?	#27408B	?	#262626	?	#242424
?	#228B22	?	#218868	?	#212121	?	#20B2AA
?	#1F1F1F	?	#1E90FF	?	#1E1E1E	?	#1C86EE
?	#1C1C1C	?	#1A1A1A	?	#191970	?	#1874CD
?	#171717	?	#141414	?	#121212	?	#104E8B
?	#0F0F0F	?	#0D0D0D	?	#0A0A0A	?	#080808
?	#050505	?	#030303	?	#00FFFF	?	#00FF7F
?	#00FF00	?	#00FA9A	?	#00F5FF	?	#00EEEE
?	#00EE76	?	#00EE00	?	#00E5EE	?	#00CED1
?	#00CDCD	?	#00CD66	?	#00CD00		#00C5CD
	#00BFFF		#00B2EE		#009ACD		#008B8B
	#008B45		#008B00		#00868B		#00688B
	#006400		#0000FF		#0000EE		#0000CD
	#0000AA		#00008B		#000080		#000000

zhansh

样式一：
代码： <TABLE borderColor=#4f3256 align=left background=http://upload.yourblog.org/20057/kaka967.20050722115212.png border=1> <TBODY> <TR> <TD style="FILTER: alpha (opacity=50,style=3)"> <P align=center> <EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></P></TD></TR></TBODY></TABLE> 复制代码
样式二：
代码： <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=歌曲地址 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 dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0 cellPadding=0 align=left 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=歌曲地址 width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> 复制代码
样式四：
代码： <EMBED style="FILTER: Xray" src=歌曲地址 width=300 height=50 type=audio/mpeg loop="-1" autostart="false" volume="0"> 复制代码
样式五：
代码： <TABLE style="BORDER-RIGHT: #f1dda1 2px ridge; BORDER-TOP: #bdb76b 2px ridge; BORDER-LEFT: #f1dda1 2px ridge; BORDER-BOTTOM: #bdb76b 2px ridge; BACKGROUND-COLOR: white" borderColor=#ffffff cellPadding=0 width=300 align=left background=http://bbs.muwen.com/fileuploaddir/4B2686448.4.gif border=0><TBODY><TR><TD width=300 height=20 cellPadding="0" cellSpacing="0"><TABLE align=center border=0><TBODY><TR><TD style="FILTER: alpha(opacity=60,style=3)"> <P align=center><EMBED style="FILTER: invert(); WIDTH: 290px; HEIGHT: 28px" src=音乐连接地址 type=audio/x-ms-wma autostart="true" loop="-1" volume="0"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> 复制代码
样式六：
代码： <EMBED style="FILTER: xray()" src=http://doom.tzinfo.com/n0wAy/InTheWaitingLine.mp3 width=300 height=50 type=audio/mpeg ShowStatusBar="1" volume="0" autostart="true" loop="-1"></EMBED> 复制代码
样式七：
代码： <TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 200px; HEIGHT: 83px"><TBODY><TR><TD><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src=http://www.nxc.cn/bbs/UploadFile/2004-8/200481482641160.wma width=200 height=50 type=audio/x-mplayer2 console="video" showstatusbar="0" EnableContextMenu="0" volume="0" autostart="0" loop="-1"></TD></TR></TBODY></TABLE> 复制代码

zhansh

红色背景白色小流星
浅绿色背景亮色竖条
光球光芒时隐时现
米字星光
灰色背景米字星光
灰蓝背景飘落雨滴
黄色背景飞星闪闪
青蛙
蓝色蝴蝶
竖条箭头
宽窄竖条
左右晃动的竖条（宽、窄）
黑色背景旋转轮盘
蝌蚪旋转、随鼠标的白色光团
黑色背景绿色飘带幻影
黑色背景飞星闪闪
金鱼
蓝色背景水平飞镖
左右晃动的竖条
黑色背景水平闪动的横条
黑色背景光晕
光圈由小变大
蓝色背景雪花飘飘
左右闪动的竖条
三只黑蚂蚁
左右晃动的黄、绿、蓝竖线
无色背景水珠
黑色背景竖条
圆圈内海浪波动
黑色背景蓝色梦幻
黑色背景蓝色梦幻
黑色背景无数小亮点飘落
长发女孩
粉黄色5瓣花飘飘
紫色唇印升腾
上下闪动的横条
绿色、黄色的树叶飞舞
流星飞降
小＋字旋转大光圈
大、小八瓣雪花飘落
紫色背景大、小八瓣雪花飘落
空中飘动的黄球
两只黄色的蝴蝶在左上角飞舞
一片浅粉色的云团
箭头左右穿梭
一个光球从右上方慢慢飞入
飘落的浅粉色花瓣
晃动的文字
三只飞舞的蜻蜓、闪闪的星光
黑色背景飘落的红叶
雪糕降落
绿色的心和I love you垂直降落
两只跳跃的青蛙
六边形、降落的竖条
燕鱼和水泡
光晕、光圈
蓝色背景飞翔的海鸥
黑色背景降落的萤火虫
飞腾的红心
五彩礼花燃放
黄色的四瓣花飘落
浅蓝色的雪花在空中，小雪花降落
飘落的空心小兰圈
一只手的图形
由远而近飞来的流星
黑色背景飘落的雪花
七彩光光芒四射（全屏）
七彩光光芒四射（全屏）
闪动的小竖条
一只和平鸽展翅飞舞
蓝色背景蓝色气泡慢慢升空
白色背景浅蓝色的气泡慢慢升空
跟随鼠标游动的七彩光圈
线条变形
蓝色旋转
跟随鼠标旋转的数字时钟
鼠标滑过方块图形变换
跟随鼠标的“欢迎下载”及七彩星
跟随鼠标的火苗
雪花旋舞
蓝色背景蓝色气泡升腾
闪动的白色圆圈
浅蓝色的纸片旋入
绿色的指针旋转
跟随鼠标移动的黄色小球
七彩礼花开放
金光闪闪（中间到四周）
立方体折叠
浅蓝色的纸片旋入
飘舞的七彩丝线
闪电效果
扇形旋转七彩光圈
七彩光8字形旋转
小球和旋钮、光晕
旋转的花瓣、蝴蝶随鼠标飞舞
飞旋的七彩光
白色旋转的花瓣变形
蓝宝石七彩闪光
黄色4瓣花飘落
蓝色的球从页面左侧飞入
从空中滴落的一个大雨滴
左右飞入两个箭头、3个圆圈旋转
由中心向外扩展的闪电光圈
从下向上飞入的箭头，闪光
一只大眼睛黄色蝴蝶
旋舞的3个半透明圆圈
从左至右的箭头
从右向左的粉红色箭头
左、右飞入的透明箭头
右下方向左上方的箭头
粉红色的花瓣飘落
粉红色的大箭头
跟随鼠标游动的浅蓝色的鱼
闪动的横条
白色光圈和飘舞的丝带*
旋转梦幻
飘落的白蝴蝶？
上下飞动的绿色小横条
透明的气泡升腾
闪动的白色大光圈
闪动的白色圆圈
旋转的大立方体
圆圈、箭头
黑色的人影
下雨了
鼠标滑过，雪花飘飘
绿色的枫叶飘落
鼠标滑过、圆球线条变形
按折线飞入的一个小蝌蚪流星
一个橘黄色的小球在空中飞舞
旋转的闪亮蝌蚪符号
很多旋转的红色4角星
水平移动的风
萤火虫

zhansh

占楼

zhansh

占楼

zhansh

占楼

zhansh

占楼

zhansh

占楼

zhansh

占楼