『
叶落知秋 』 [学习] 音画代码贴格式大全
作者：
飞奕滦 提交日期：2009-09-19 01:46:00 访问：547 回复：13 楼主
1.发单独一张图片加透明flash和背景音乐代码
<div style="LEFT: -250px; POSITION: relative; TOP: 150px; width:1000px; height:750px">
<P align=center><IMG src="图片地址 "></p>
<embed style="LEFT: 0px; WIDTH: 600px; POSITION: relative; TOP: 150px; height:400px" src="FLASH地址" type="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent" ></embed>
<EMBED src=音乐地址 width=0 height=0 type=audio/mpeg panel="0" autostart="true" loop="true"></EMBED></div><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
说明：
1.图片和flash的宽和高通过调整width和height这两个参数后面的数值来调整
2.图片和flash的定位，距左和距顶的位置通过调整left和top这两个参数来调整
效果预览
2.多张图片拼合加背景音乐代码
<BR><BR><BR><BR><BR><BR><BR><BR>
<div style="LEFT: -250px; WIDTH: 1000px; POSITION: relative; TOP: 0px" cellSpacing=0 bgColor=#000000 border=0>
<P align=center><IMG src="图片地址"></p>
<P align=center><IMG src="图片地址"></p>
<P align=center><IMG src="图片地址"></p>
<P align=center><IMG src="图片地址"></p>
<P align=center><IMG src="图片地址"></p>
</div>
<br><br><br><br><br><br><br>
<EMBED title=dvubb width=1 height=1 type=application/x-mplayer2 volume="0" playcount="0" autostart="TRUE" showgotobar="0" showstatusbar="0" showcontrols="1" showdisplay="0" filename="音乐地址" autoplay="false"></EMBED>
说明：
1.图片分割后，此处若不够可以自己再加 <P align=center><IMG src="图片地址"></p>
效果演示
3.多张图片拼合加FLASH和背景音乐代码
<BR><BR><BR><BR><BR><BR><BR><BR>
<div style="LEFT: -250px; WIDTH: 1000px; POSITION: relative; TOP: 0px" cellSpacing=0 bgColor=#000000 border=0>
<P align=center><IMG src="图片地址"></p>
<P align=center><IMG src="图片地址"></p>
<P align=center><IMG src="图片地址"></p>
<P align=center><IMG src="图片地址"></p>
<P align=center><IMG src="图片地址"></p>
</div>
<br><br><br><br><br><br><br>
<EMBED title=dvubb width=1 height=1 type=application/x-mplayer2 volume="0" playcount="0" autostart="TRUE" showgotobar="0" showstatusbar="0" showcontrols="1" showdisplay="0" filename="音乐地址" autoplay="false"></EMBED>
<embed style="LEFT: 0px; WIDTH: 600px; POSITION: absolute; TOP: 0px;height:400px" src="flash地址" type="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent" ></embed>
说明：
1图片分割后，此处若不够可以自己再加 <P align=center><IMG src="图片地址"></p>
2.flash的定位，距左和距顶的位置通过调整left和top这两个参数来调整。
3.多个flash可以自己再添加代码：
<embed style="LEFT: 0px; WIDTH: flash宽度px; POSITION: absolute; TOP: 0px;height:flash高度px" src="flash地址" type="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent" ></embed>
4.有切割且希望加flash的，最好做成网页帖子调用，下面是调用网页帖子代码
<BR><BR><BR><BR><BR><BR><BR>
<DIV style="LEFT: -250px; WIDTH: 1000px; POSITION: relative; TOP: 0px">
<IFRAME marginWidth=0 marginHeight=0 src="贴子地址" frameBorder=0 width=1000 scrolling=no height=贴子高度></IFRAME>
</DIV>
<BR><BR><BR><BR><BR><BR><BR><BR>
说明：此为全屏宽度为1000px的帖子调用，如果你帖子不是1000px，可以修改上面的1000px换成你自己帖子的宽度
5.全屏显示加点击全屏观看代码
<p align=center><A href="贴子地址" target=_blank ?><FONT color=#f70968 size=6>点击全屏观看</FONT></A></P><BR><BR>
<DIV style="LEFT: -250px; WIDTH: 1000px; POSITION: relative; TOP: 100px">
<IFRAME marginWidth=0 marginHeight=0 src="贴子地址" frameBorder=0 width=1000 scrolling=no height=贴子高度></IFRAME>
</DIV><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
6.最好用这个发全屏
<DIV style="LEFT: -250px; WIDTH: 1000px; POSITION: relative; TOP: 100px"><IFRAME marginWidth=0 marginHeight=0 src="贴子地址" frameBorder=0 width=1000 scrolling=no height=贴子高度></IFRAME></DIV><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
说明：如上可以改变宽度适应自己的帖子
7.Flash 帖子发帖代码
<div id=table style="LEFT: -250px; WIDTH: 1000px; POSITION: relative; TOP: 165px" height=500 cellSpacing=0 cellPadding=0 width=1000 border=0 table=""><p>
<embed width="1000" height="500" src="FLASH地址"></p>>/div>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
在本站发全屏贴（宽WIDTH=1000px;）时，
左距及顶距请设置为：LEFT: -210px; TOP: 150px
发全屏帖方法之一
<DIV style="LEFT: -210px; WIDTH: 1000px; POSITION: relative; TOP: 150px"><IFRAME marginWidth=0 marginHeight=0 src="网页地址" frameBorder=0 width=1000 scrolling=no height=网页高度></IFRAME></DIV><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
发全屏帖方法之二
<DIV align=center><A href="网页地址" target=_blank><FONT face=隶书 color=#000000 size=6>点击欣赏全屏</FONT></A><BR>
<DIV style="LEFT: -210px; POSITION: relative; TOP: 150px"><IFRAME marginWidth=0 marginHeight=0 src="网页地址" frameBorder=0 width=1000 scrolling=no height=网页高度></IFRAME></DIV><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
发全屏帖方法之三
<DIV align=center><A href="网页地址" target=_blank><FONT face=隶书 color=#000000 size=6>点击欣赏全屏</FONT></A><BR>
< P></P>
<DIV style="LEFT: -210px; POSITION: relative; TOP: 120px">
<OBJECT id=data height=网页高度 width=1000 data=网页地址></OBJECT></DIV>
<DIV></DIV><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
发全屏帖方法之四
<DIV style="LEFT: -210px; POSITION: relative; TOP: 100px" twffan="done"><IFRAME marginWidth=0 marginHeight=0 src="网页地址" frameBorder=0 width=1000 scrolling=no height=网页高度></IFRAME></DIV><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<CENTER></CENTER>
作者：
飞奕滦 提交日期：2009-09-19 01:46:31
请管理们不要编辑！
作者：
飞奕滦 提交日期：2009-09-19 01:48:10
五、FLASH的添加
1、FLASH帖子的代码：<EMBED style="LEFT: 0px; POSITION: absolute; TOP: 1080px" align=right src=FLASH地址 width=150 height=150 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></EMBED>
2、注：代码中各数字是用于调整FLASH在帖子中的位置的，你可以在发表时对每个数字进行修改来看看SLASH的变化，从中细心领会，在此就不一一说明了。多个FLASH可复制多个代码，改变FLASH地址即可。
3.值得强调滴是FLASH范围切不可超出帖子滴幅面，祝福贴FLASH为渲染效果适当调大些没关系，本人认为FLASH主要是起到画龙点睛之功效，切不可喧宾夺主，能不用就尽量不用，即使用也应调小些，能达到效果就行。另外在FLASH滴选择上要下点功夫，以求完美。
六、音乐的添加：
1、音乐帖子的代码：<BGSOUND balance=0 src="音乐网址" volume=0 loop=infinite>
2、不管是FLASH还是音乐，一个网站其原代码是不变得，你所要得效果内容等只是把其中的音乐地址更换一下即可完成。
3.本音乐代码属于不显示播放器，打开帖子能自动播放音乐。
七、完整音画贴代码：
一个完整音画贴代码前面首先要加几个<BR>，这是让帖子下移，避免帖子遮住作者及其论坛信息用滴。
<BR><BR><BR><BR><BR><BR><BR>
1、显示全屏代码：现在的数字表示帖子在论坛中的实际位置，适用于1000×N的音画帖。
<DIV style="LEFT: -220px; WIDTH: 1000px; POSITION: relative; TOP: 120px">
2、显示图片代码：这里要说明的是，你有几个图片（切片）就要几个完整的图片代码就是了。
<IMG src=图片地址1>
<IMG src=图片地址2>
<IMG src=图片地址3>
<IMG src=图片地址4>
<IMG src=图片地址5>
<IMG src=图片地址6>
……
[url=javascript:void(0)]填写[/url]（复制）图片地址注意切片滴顺序3、FLASH代码：前面已经说过，在此就不多言了。
<EMBED style="LEFT: 0px; POSITION: absolute; TOP: 1080px" align=right src=FLASH地址 width=150 height=150 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></EMBED>
4、音乐代码：前面已经说过，在此就不多言了。
<BGSOUND balance=0 src="音乐网址" volume=0 loop=infinite>
5、这些就是代码的后缀了，加多个<BR>以防帖子遮住编辑，想修改都不能为之，使用时要力求完整，缺一不可。
<BR><BR><BR><BR><BR><BR><BR><BR><BR>
作者：
飞奕滦 提交日期：2009-09-19 01:53:10
启步学代码。如何使用三合一图框
http://www.53199.com/bbs/UploadFile/2008-11/2008112719304085874.txt
如何定位插入竖排文字
http://www.53199.com/bbs/UploadFile/2008-11/200811271927762114.txt
作者：
飞奕滦 提交日期：2009-09-19 01:53:58
学习HTML代码做音画贴
<DIV id=table1 style="LEFT: -10px; WIDTH: 850px; POSITION: relative; TOP: 0px">
<table border="25" width="750" cellpadding="10" bgcolor="#CCCC00" height="200" bordercolor="#808000" id="table1">
<tr>
<td>
<DIV align=center>
<INPUT style="FILTER: alpha(opacity=100,style=2)" INPUT src="//www.zhyhlt.cn/attachments/month_0810/20081011_f224ef37cd7154855a3465sZspnKMlis.jpg" type=image width=600>
<DIV style="FILTER: shadow(color=#0000ff, strength=8); WIDTH: 500px">
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 35pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#fff000>
道教名山三清山</FONT></DIV>
<font face=隶书 style=font:18pt color=#000066><b>
<P align=left>
中国最美丽的乡村—婺源。民风纯朴、文风鼎盛、名胜古迹遍布全境，保持完美的明清古建筑、田园牧歌式的氛围和景色。这里有道教名山三清山．
三清山的玉京、玉虚、玉华三座高耸入云的山峰，因道教玉清、上清、太清三个最高境界而得名．人们说：三清山具有泰山之雄伟、华山之峻峭．</p>
<INPUT src="//www.zhyhlt.cn/attachments/month_0810/20081011_91e250d055df10d0a72ecmJrHqpF153U.jpg" type=image width=600>
<br><br>
<INPUT src="//www.zhyhlt.cn/attachments/month_0810/20081011_9fe4dd7a20ae88358505R3WlrMLPCz3C.jpg" type=image width=600>
<br><br>
<INPUT src="//www.zhyhlt.cn/attachments/month_0810/20081011_f224ef37cd7154855a3465sZspnKMlis.jpg" type=image width=600>
<EMBED src="//sucai.heima.com/sucai/news/a12.mid" width=600 height=50 type=audio/x-ms-wma autostart="true" loop="true">
<br><br>
图文:网络/编辑：游子
<br><br>
</b></font></DIV>
</td></tr></table>
</DIV>
作者：
飞奕滦 提交日期：2009-09-19 01:54:58
http://www.53199.com/bbs/UploadFile/2008-11/2008112719101115807.txt学做图片背景的图框
作者：
飞奕滦 提交日期：2009-09-19 01:56:36
<TABLE cellSpacing=5 cellPadding=1 width=680 align=center bordercolor=#C0C0C0 background=http://image14.360doc.com/DownloadImg/2010/08/2318/4803000_2.gif border=30 table>
<TBODY>
<TR><TD>
<P align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://image2.sina.com.cn/dongman/f/2002-03-18/1_55-4-248_20020318123358.swf
width=680 height=500 type=application/x-shockwave-flash quality="high" wmode="transparent"></P>
</TD> </TR></TBODY></TABLE>
在一张图片上插入FLASH-动漫音乐的代码
作者：
飞奕滦 提交日期：2009-09-19 01:58:03
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://image.hnol.net/200504/dysr/070330/gb_pic02.swf width=550 height=650 type=application/x-shockwave-flash wmode="transparent" quality="high">
在整张网页上插入FLASH-动漫音乐的代码
作者：
飞奕滦 提交日期：2009-09-19 01:59:10
说明：
◆<table 这是表格标签，用图片作背景．
◆<td align=center valign=bottom>表格的列标签，定义插入内容靠底居中．
◆<font color="#ffff00" size="6"><b>插入曲名的文字标签．
◆<INPUT style=套用样式表插入一张图片．
◆<marquee direction=left scrollamount=2 width=400>文字移动标签．
◆<font size="4"color="#FF00FF"><b>文字标签及歌词．
◆<EMBED src 播放器标签及插入音乐文件地址．
显示结果：
<table border="1" width="500" background="http://www.luopan.com/uploads/landmark/21241.jpg" height="350" id="table1">
<tr>
<td align=center valign=bottom>
<font color="#ffff00" size="6"><b>《Lotus莲花》</b></font><br>
<INPUT style="FILTER: alpha(opacity=100,style=2)" INPUT src="//bbs.gw.com.cn/UploadFile/2008-6/200861116182112553.jpg" type=image width=200>
<br>
<marquee direction=left scrollamount=2 width=400>
<font size="4"color="#FF00FF"><b>《Lotus莲花》选自“神秘园”第五张专辑，在音乐创作中融入了东方元素，和中国二胡演奏家卞留念一起合作而成。开始的部分是中国传统乐器二胡的幽怨音色,随后二胡和小提琴从独奏到交融,使得整首作品充满着神奇东方魅力。</b></font>
</marquee>
<EMBED src=http://www.joyvv.com/images/3574.mp3 width=500 height=50 type=audio/x-ms-wma autostart="true" loop="true">
</td></tr></table>
如果要做成有屏幕、曲名、歌词和图像等单曲播放效果，可以用表格标签设置一个图框，再插入各种内容，试练习一个代码模式如下：
作者：
飞奕滦 提交日期：2009-09-19 01:59:43
