分享

音画贴代码

 静谧之家 2010-11-05

制作音画贴常用代码

  一:音画贴的表框. 
 
         背景图框(如果多层框,一般也是多层,则将以下代码层层相套,把第二层套放在"图与文字"处即可)代码:
<DIV style="LEFT: -180px; WIDTH: 1000px; POSITION: relative; TOP: 10px">
<table align="center" border="0" cellpadding="0" cellspacing="10" width="90%" background="图片网址"><tr><td>图与文字</td></tr></table> 
可不要小看上面的这小段代码哦,它可是可以给音画贴定义出那些漂亮的框架哦。
     
     二: 插入文字的代码: 
 
  最基本的文字插入代码:
<center><font color=#ff4500 face=华文新魏 size=7>文字内容</font> </center>
艺术些的常常用的文字插入代码:
<DIV align=center>
<DIV style="FILTER: shadow(color=#c299ff, strength=60); WIDTH: 500px">
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 150pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#fff000>
文字内容</FONT></DIV></DIV>
<BR>
   
    三:图片(非背景图片)插入代码:
 
<center><img src=图片网址width=360></center>
温馨提示:这里<center></center>这对标签是"居中"标签,它的作用是让图片或文字居中.
windth=360是图片的宽度,你只需调整这个数字,其会自动保持原宽高比进行图片缩放.

四: 插入FLASH.
 
这里分两种情况显示效果为:
embed
插入多媒体的专用元素,常用来贴FLASH和音乐.
width=
height=
视频图像的宽和高.
FLASH的功能有两种:
一种直接贴出,显示动画片,有的还带有音乐.
另一种要去掉背景来装饰图片,如下雨,闪电等,称作透明FLASH.
这是一个透明FLASH.
代码:
<embed src="http://imgfree.21cn.com/free/flash/88.swf" width=360 height=280></embed> 透明处理后效果:
代码:
<embed src="http://imgfree.21cn.com/free/flash/88.swf" width=360 height=280 wmode="transparent"></embed>
wmode="transparent"
透明属性.
加到图片上的效果:
代码为:
<table cellSpacing=5 cellPadding=5 border=13 bordercolor=#84B98D background="" width=490 height=450><tr><td align=center><embed src="http://imgfree.21cn.com/free/flash/92.swf" width=490 height=360 wmode="transparent"></embed></td></tr></table>
大红代码就是透明FLASH.
透明FLASH加到图片上,关键是要将图片作背景图.
要用做表格的方法才能将图片设为背景图.
一张背景图上可以重叠几个透明FLASH,
只要将位置代码align=right放到标签里:
<embed align=right src="http://imgfree.21cn.com/free/flash/88.swf" width=360 height=280 wmode="transparent"></embed>
下面放了四个透明FLASH:
代码:
<table cellSpacing=5 cellPadding=5 border=13 bordercolor=#84B98D background="" width=490 height=450><tr><td align=center>
<embed align=right src="http://imgfree.21cn.com/free/flash/88.swf" width=490 height=290 wmode="transparent"></embed>
<embed align=right src="http://imgfree.21cn.com/free/flash/62.swf" width=160 height=130 wmode="transparent"></embed>
<embed align=right src="http://imgfree.21cn.com/free/flash/89.swf" width=360 height=280 wmode="transparent"></embed>
<embed align=right src="http://imgfree.21cn.com/free/flash/16.swf" width=490 height=290 wmode="transparent"></embed>
</td></tr></table>
透明 FLASH放到背景图上,因不能看到全部,常碰到定尺寸问题.
实际上你把FLASH看成一张图片,先定宽和高,再定放到背景图上的位置就容易些.
这个相对来说稍复杂一点
       五: 插入音乐播放代码.
 
   这个相比来说简单些.象上面所说的那样,找来音乐播放代码放进去就行了
播放器常用的代码:
<EMBED SRC="音乐地址" loop=true style="FILTER: xray" width=390 height=43>
其他播放代码:
<CENTER><EMBED src=音乐地址 width=200 height=150 type=audio/x-pn-realaudio-plugin console="Clip1" controls="IMAGEWINDOW,ControlPanel,StatusBar" loop="true" autostart="true"></EMBED></CENTER>

<CENTER>是置中 loop="true"
是否自动反复播放。LOOP=2 表示重复两次,true 是, false 否。
温馨提示:一般用来插入mp3 rm ra ram asf mid 等音乐文件,如果要隐藏播放器,把width和height的数值改成0或者1就可以了。
手动播放
<EMBED src=歌曲地址 hidden==false type=audio/x-ms-wma LOOP="false" AUTOSTART="false"></EMBED>

<EMBED style="FILTER: xray(); WIDTH: 230px; HEIGHT: 25px" src=音乐地址 type=audio/mpeg autostart="fasle" loop="-1" volume="0">

<CENTER><TABLE style="FILTER: Alpha(Opacity=300, FinishOpacity=0, Style=2, StartX=20,StartY=30, FinishX=0, FinishY=0)invert()"><TBODY><TR><TD><EMBED style="FILTER: xray()" src=音乐地址 loop="true" width=300 height=30 type=audio/mpeg showstatusbar="0"></EMBED></TD></TR></TBODY></TABLE></CENTER>

播放器设置好,您的帖子会更美观,设置方法有很多,可我就知道下面的几个,等偶知道了再加哦
 
1.代码
<EMBED src=http://www./bbs/UploadFile/2004-8/200481482641160.wma
width=200 height=40 type=audio/x-ms-wma autostart="true" loop="true">

或下面这种代码也可以,效果与上面的一样
<EMBED id=MediaPlayer374 src=http://www./bbs/UploadFile/2004-8/200481482641160.wma width=200 height=40 type=audio/mpeg loop="true" autostart="true"></EMBED>
其中:width=100 height=40 中的数字分别表示播放器的宽度和高度 ,注意:都选择0将隐藏播放器(隐藏时一定要选择自动播放)
autostart="true"中true或1表示自动播放,false或0表示手动播放
loop="true" 中的true或1表示重复播放,false或0表示只播放一次
 
2.代码
<EMBED src=http://www./music/woaini.mp3 width=200 height=30 type=audio/x-pn-realaudio-plugin autostart="1" controls="ControlPanel"></EMBED>
 
3.代码
<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./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>
 
       六.宽屏贴表头代码:
<br /><br /><div id="table1" style="LEFT: -170px; WIDTH: 800px; POSITION: relative; TOP: 40px">

七.把任何尺寸的图片完整地做背景图的代码

<TABLE cellSpacing=16 cellPadding=0 width=510 align=center border=2 background="" bordercolor=#8fbc8f><TR><TD><DIV style="position:relative; top:0px; left:0px; width:500px; height:376px;overflow: hidden"><div style="position: absolute; top: 0px; left: 0px"><img src="" width=500></div><div style="position: absolute; top: 0px; left: 0px"> 图与文字</div></DIV></TD></TR></TABLE>
这段代码是把任意图片做背景图.下面我把设置过程说一下:
1.设置框的宽度width=510,设置背景图的初始宽度width:500px,再设置图片的宽度width=500. 设置框的宽度是你作品的实际需要,后面两个设置就略小于框的宽度,但要一致.
2.看一下显示效果,这时图片的宽和高是成比例的,但一定不会与框的高一致,再调整背景图的初始高度height:376px,使它与图片的高一致.
这样背景图大小的设置就完成了,再把你要放进去的东东代替"图与文字"位置.
 
     八.贴文字移动的代码
 
<marquee direction=up behavior=scroll width=400 height=90 scrolldelay=80 scrollamount=1>
<font color=#00ff00 size=7 face=华文新魏>输入文字 </font> </marquee>
 
    九.帖子代码结尾语
 
在帖子代码的结束语后多加几个<BR>代码,这个代码是管空行的,为避免帖子下沉挡住编辑标签

有了以过上这些组合....一个标准的漂亮的音画贴就可以制作了。
以前只看到音画贴漂亮,不知道是怎么做的,问了师傅们后,看到代码符号头又晕了,经过仔细的研究好不容易才看懂了一点点,其实并不需要去记它们.直接在网上复制一段一段的代码来用就可以了,用的多了可能也就会记得一点点
您只要真想会....你就肯定能学会不要觉得开始什么也不懂就放弃了哦,看看我哦,55555不知道有请多少的师傅跟在后面帮我删贴了,好多次都是因帖子下沉了,自己既不能删 也不能改,但我依然不会放弃哦,继续学习,师傅们空了继续教您这笨徒弟哦。 相信任何一个人不会比我笨哦

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多