|
制作音画贴常用代码
一:音画贴的表框. 背景图框(如果多层框,一般也是多层,则将以下代码层层相套,把第二层套放在"图与文字"处即可)代码:
<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不知道有请多少的师傅跟在后面帮我删贴了，好多次都是因帖子下沉了，自己既不能删 也不能改，但我依然不会放弃哦，继续学习，师傅们空了继续教您这笨徒弟哦。 相信任何一个人不会比我笨哦 |
|
|
