找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 7970|回复: 25

[音画教程] 音画笔记(夜瞳学图)

[复制链接]
发表于 2010-3-28 22:35:40 | 显示全部楼层 |阅读模式

这是瞳刚开始学作音画里整理出来的自己的笔记,比较直白与拙笨的整理,希望可以给刚学音画的朋友以帮助。


一.音画制作要点


1.框架:普通音画构图常规有(宽×高)1024×768,1000×650,1024×N,1000×N等

2.素材:包含主题素材、背景素材、前景素材找(比较大像素素材融图,素材与底图色调要相近。)

3.保存:先保存PSD源文件,再保存JPG最佳格式。

4.切片:用保存成JPG格式的图片来切片,600的,一般切成2张1000*300的,切片后保存成HTML格式。

切片过程:选好一把刀带黑箭头那个切片工具后.图片上左上角出来01,右键点击它,然后点击编辑切片选项,会出来切片选项窗口,一般都把名称前边的字去掉,就变成01,再把下面的尺寸里的高度H改一下就行了(宽度W1000不变,高度H 600改成300,分两张就用高度平均分成两份,分多少份就平均多少)01点确定后,这时图片下面会出来02,再用右键点击02,方法跟刚才一样,把名称前边的字去掉其它不用再改,点确定,这样一张图就切成两半了。

5.保存:新建一个文件夹(可用音画的名称命名。亦方便音画以空间方式上传。)然后把切好的图片存储为WEB和设备所用格式,再选你要存的文件夹,保存类型为HTML和图象,文件名不用改,保存后就会出现有e 图标文件与images文件两种文件.(其中images是装切出来的图片的文件夹 .)

这样,音画的制作就基本完成了,再来就是发贴的要点.



二.音画发贴要点

1.上传文件的代码:

右键点击e 图标文件网页,选里边的打开方式里的记事本,打开后是一串代码,基本上这些代码不用改,只是在图片代码后面添加音乐代码与透明FS代码就可以了。

<html>
<head>
<title>音画名字</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (音画名字.psd) -->

<table id="__01" width="宽度" height="高度" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/霜音01.jpg" width="宽度1000" height="切好后的高度300" alt=""></td>
</tr>
<tr>
<td>
<img src="images/霜音02.jpg" width="宽度1000" height="切好后的高度300" alt=""></td>
</tr>
</table>(图片的代码

此空白插入要添加的音乐的代码与FS的代码

<!-- End ImageReady Slices -->
</body>
</html>
<!-- End ImageReady Slices -->
</body>
</html>


添加音乐的代码:

<EMBED style="FILTER: invert()" src=音乐 width=0 height=0 type=audio/mpeg volume="0" autostart="TRUE" loop="true" EnableContextMenu="0" allowNetworking="internal" allowScriptAccess="never">(找到音乐的网址(后缀可以是MP3与WMA的)把音乐网址换入就可以了)


添加FS的代码:

<EMBED
style="LEFT: 200px; WIDTH:400px; POSITION: absolute; TOP: 50px; HEIGHT:300px"
align=center src=透明FS width=100 height=350
type=application/octet-stream wmode="transparent" quality="high" ;;>

调透明FLASH的位置:
left:200px;这个表示距离左边的位置
top:50px;这个表示距离帖子最上面的位置,就是距离头的距离
width:400px; height:300px这两个是FLASH的所占的宽度,高试是帖子的高度,就是说FLASH所在那帖里边帖子的位置 )
最后调好FS的位置,保存。


2.空间上传。本人是在古曲的空间,以此为例。

⑴在一个{F}盘新建一个文件夹(随意建)取英文名(随意取名,最好取音画的名字)(注意:一?音?建一?文件?.)
⑵切好的图片(包括images与带e的??文件)放到这个文件夹里.(这些在制作音画时可以先做)
⑶然后打开FTP上传:左上边选择这个建好的文件夹,然后点击上???.
⑷上传好后http://yh.guqu.net/heiyetong/文夹名/网页名.html ?是上?後的地址
(如果要加音?和透明FS,可在?上?前的E??文件里边加:右键点带e的??,选择打开方式:记事本.里边全是代码,你就把音乐代码和FS代码加里边.最後才上?)



3.发贴的代码:发音画贴一般可以分为两种

⑴普通音画贴:
这类型的音画可不用上传音画文件,直接在要发贴的论坛上传图片,取网址直接套入代码就可发贴。这种代码发贴优点是:可以避免在音画上传到不稳定的音画空间里链接失效。缺点是:比较适合单副音画。
注意的是:图片尽量在要发贴的论坛里上传取网址。



通用的代码是:
<BR><BR><BR><BR><BR>
<DIV style="LEFT: -245px; WIDTH: 1000px; POSITION: relative; TOP: 120px">
<IMG src=帖子图片地址>
<IMG src=帖子图片地址>(有几张图片就用几行代码,切记图片之间不可用</TD></TR></TBODY></TABLE>这一类的代码,否则会有空隙线条出现)
<div style="position: absolute; width: 100px; height: 100px; z-index: 3; left:300; top:2500" id="layer3">
<EMBED align=right src=透明flash地址 width=250 height=250 type=application/octet-stream quality="high" wmode="transparent"></div>(此部分代码为控制透明flash位置所用,width: 100px; height: 100px;为宽高度;left:300为距离左边位置的数值,靠右代码为right,居中代码为center,这些可按需要自行调整; top:2500为距离网页上方的数值)
<EMBED src=音乐地址 width=0 height=0 hidden=true type=audio/mpeg loop="-1" AUTOSTART="1"></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>(此部分为音乐代码,width=0 height=0分别为播放器的宽高度,如需隐藏播放器,数据设为0即可)


古曲代码贴

<table id="table1" style="LEFT: -235px; WIDTH: 1000px; POSITION: relative; TOP: 120px" height="图片高度" cellspacing="0" cellpadding="0" width="图片宽度" border="0">
<tbody>
<tr>
<td background="图片地址01" height="切好图片高度"></td></tr>
<tr>
<td background="图片地址02" height="切好图片高度"></td></tr>
</tbody></table>
<embed src="音乐" width="0" height="0" hidden="true" type="audio/mpeg" autostart="1" loop="-1"><embed style="LEFT: 100px; WIDTH: 720px; POSITION: absolute; TOP: 500px; HEIGHT: 500px" src="动画" width="778" height="500" type="application/x-shockwave-flash" wmode="transparent">  
<div></div><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>


漫天雪发贴代码

<BR><BR><BR><BR><BR>
<DIV style="LEFT: -245px; WIDTH: 1000px; POSITION: relative; TOP: 120px">
<IMG src=帖子图片地址>
<IMG src=帖子图片地址>
<div style="position: absolute; width: 100px; height: 100px; z-index: 3; left:300; top:2500" id="layer3">
<EMBED align=right src=透明flash地址 width=250 height=250 type=application/octet-stream quality="high" wmode="transparent"></div>
<EMBED src=音乐地址 width=0 height=0 hidden=true type=audio/mpeg loop="-1" AUTOSTART="1"></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>


⑵空间贴:
这类型的音画需要上传音画文件,这种代码发贴优点是:音画上传到不稳定的音画空间里会链接失效。

通用代码是:
<DIV align=center><A href="上传好的TXT文本地址" target=_blank><FONT face=隶书 color=#000000 size=6>点击欣赏全屏</FONT></A><DIV style="LEFT: -260px;WIDTH:1000px; POSITION: relative; TOP: 150px"><IFRAME marginWidth=0 marginHeight=0 src=" 上传好的TXT文本地址 " frameBorder=0 width=宽度scrolling=no height=高度></IFRAME></DIV><BR><BR><BR><BR><BR><BR><BR><BR><BR>


古曲的空间帖发帖代码:

<DIV align=center><A href=" 文件地址 " target=_blank><FONT face=隶书 color=#000000 size=6>点击欣赏全屏</FONT></A><DIV style="LEFT: 250px;WIDTH:1000px; POSITION: relative; TOP: 150px"><IFRAME marginWidth=0 marginHeight=0 src="文件地址" frameBorder=0 width=图片宽度 scrolling=no height=图片高度></IFRAME></DIV><BR><BR><BR><BR><BR><BR><BR><BR><BR>


漫天雪空间帖:

<p align=center><A href="网页地址" target=_blank ?><FONT color=#f70968 size=6>点击全屏观看</FONT></A></P><BR><BR>
<DIV style="LEFT: -215px; WIDTH: 1000px; POSITION: relative; TOP: 120px"><IFRAME marginWidth=0 marginHeight=0 src="网页地址" frameBorder=0 width=1000 scrolling=no height=高度></IFRAME></DIV><BR><BR><BR><BR><BR><BR><BR><BR>
回复

使用道具 举报

 楼主| 发表于 2010-3-28 22:37:10 | 显示全部楼层
普通加FS音画TXT上传文本代码







<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无题</title>

</head>

<body>

<table width="1000" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td><img src="图片网址" width="?度" height="高度"></td>

  </tr>

</table>

<embed src="音乐" hidden="true" autostart="true" loop="true">

</body>

<embed style="left:300px; top:200pxOSITION: absolute; width:720px; height:500px" src=透明动画 width=778 height=200 type=application/x-shockwave-flash wmode="transparent">

</html>
回复

使用道具 举报

 楼主| 发表于 2010-3-28 22:39:01 | 显示全部楼层

翻页特效音画TXT上传文本代码





<HTML>

<HEAD>

<TITLE>图名</TITLE>

</HEAD>

<BODY bgcolor="#000000" >

<!-- 案例代码1开始 -->

<script id=code language=JavaScript>

var Ga=new Array()  <!-- //定义一个变量数组Ga -->

Ga[0]="第一张图片地址";      <!-- // 设置要显示的图片地址,有几张就试几个,改变下标0,1,2等等,后面则是上传图片的地址-->

Ga[1]=" 第二张图片地址";

Ga[2]=" 第三张图片地址";

Ga[3]=" 第四张图片地址";

var hayasa=9500   <!-- //两个图片之间延迟时间,50000等于4秒 -->

var suu =1;

var iTransNumber=0;

var garTransitions = new Array(); //arrary of filter strings

garTransitions[0] = "progidXImageTransform.Microsoft.RandomDissolve()";

garTransitions[1] = "progidXImageTransform.Microsoft.Iris(irisStyle='star', motion='out')";

garTransitions[2] = "progidXImageTransform.Microsoft.Iris(irisStyle='diamond', motion='in')";

garTransitions[3] = "progidXImageTransform.Microsoft.Iris(irisStyle='cross', motion='out')";

garTransitions[4] = "progidXImageTransform.Microsoft.Iris(irisStyle='circle', motion='in')";

garTransitions[5] = "progidXImageTransform.Microsoft.Iris(irisStyle='square', motion='out')";

garTransitions[6] = "progidXImageTransform.Microsoft.Iris(irisStyle='plus', motion='in')";

garTransitions[7] = "progidXImageTransform.Microsoft.Barn(orientation='vertial' motion='in')";

garTransitions[8] = "progidXImageTransform.Microsoft.Barn(orientation='vertial' motion='out')";

garTransitions[9] = "progidXImageTransform.Microsoft.Barn(orientation='horizontal' motion='in')";

garTransitions[10] = "progid:DXImageTransform.Microsoft.Barn(orientation='horizontal' motion='out')";

garTransitions[11] = "progid:DXImageTransform.Microsoft.Pixelate()";

garTransitions[12] = "progid:DXImageTransform.Microsoft.Inset()";

garTransitions[13] = "progid:DXImageTransform.Microsoft.Checkerboard(Direction='left')";

garTransitions[14] = "progid:DXImageTransform.Microsoft.Checkerboard(Direction='right')";

garTransitions[15] = "progid:DXImageTransform.Microsoft.Checkerboard(Direction='down')";

garTransitions[16] = "progid:DXImageTransform.Microsoft.Checkerboard(Direction='up')";

garTransitions[17] = "progid:DXImageTransform.Microsoft.RandomBars(motion='horizontal')";

garTransitions[18] = "progid:DXImageTransform.Microsoft.RandomBars(motion='vertical')";

garTransitions[19] = "progid:DXImageTransform.Microsoft.Slide(bands=5, slideStyle='push')";

garTransitions[20] = "progid:DXImageTransform.Microsoft.Slide(bands=5, slidestyle='swap')";

garTransitions[21] = "progid:DXImageTransform.Microsoft.Slide(bands=5, slidestyle='hide')";

garTransitions[22] = "progid:DXImageTransform.Microsoft.Spiral()";

garTransitions[23] = "progid:DXImageTransform.Microsoft.Stretch(stretchStyle='push')";

garTransitions[24] = "progid:DXImageTransform.Microsoft.Stretch(stretchStyle='pop')";

garTransitions[25] = "progid:DXImageTransform.Microsoft.Fade(duration=2,overlap=0)";

garTransitions[26] = "progid:DXImageTransform.Microsoft.GradientWipe(duration=2,gradientSize=0.25,motion=forward )";

garTransitions[27] = "progid:DXImageTransform.Microsoft.Wheel(duration=2,spokes=16)";

garTransitions[28] = "progid:DXImageTransform.Microsoft.RadialWipe(duration=2,wipeStyle=CLOCK)";

var kirikaeGa=new Array()

for (kazu=0;kazu<Ga.length;kazu++){

kirikaeGa[kazu]=new Image()

kirikaeGa[kazu].src=Ga[kazu]}

function kirikae(){

if (window.createPopup)

rittai.style.filter = garTransitions[iTransNumber];

iTransNumber++;

if(iTransNumber==garTransitions.length)

iTransNumber=0;

if (window.createPopup)

rittai.filters[0].apply();

document.images.rittai.src=kirikaeGa[suu].src;

if (window.createPopup)

rittai.filters[0].play()

suu++

if (suu==kirikaeGa.length)

suu=0;

setTimeout("kirikae()",hayasa)

}

window.onload=new Function("setTimeout('kirikae()',hayasa)")

</script>

<center><img src="第一张图片地址" name="rittai" width=750 height=550 border=0 style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle=&#39OP')">  

</center>

<!-- //显示图片的方式,src=后面一般是第一张图片,宽度,高度位置都可以按html方法去设置 -->

</HTML>

<EMBED src=音乐 width=0 height=0 type=audio/x-pn-realaudio-plugin loop="true" autostart="true" controls="ControlPanel,StatusBar"></EMBED>
回复

使用道具 举报

 楼主| 发表于 2010-3-28 22:40:48 | 显示全部楼层
变换色调音画TXT上传文本代码



<IMG id=img1 height=高度 src="?片?址" width=宽度>

<SCRIPT language=JavaScript><!--

var bcolor="#ffffff"//

var numax=50;//

ccolor=new Array("#999999","#ccffff","#dd0000","#ff9900","#0000ff","#9cdc3d","#444444","#ff99ff");

img1.style.filter="progidXImageTransform.Microsoft.Light()"

iii=0

col="0123456789abcdef"

rr=col.indexOf(ccolor[0].substring(1,2))*16+col.indexOf(ccolor[0].substring(2,3));

gg=col.indexOf(ccolor[0].substring(3,4))*16+col.indexOf(ccolor[0].substring(4,5));

bb=col.indexOf(ccolor[0].substring(5,6))*16+col.indexOf(ccolor[0].substring(6,7));

eval("img1.filters['DXImageTransform.Microsoft.Light'].addAmbient("+rr+","+gg+","+bb+",100)")

iii=1

function changecolor(num,r,g,b){

if(num==0){

r=col.indexOf(ccolor[iii].substring(1,2))*16+col.indexOf(ccolor[iii].substring(2,3));

g=col.indexOf(ccolor[iii].substring(3,4))*16+col.indexOf(ccolor[iii].substring(4,5));

b=col.indexOf(ccolor[iii].substring(5,6))*16+col.indexOf(ccolor[iii].substring(6,7));

}

//status=num+","+((r-rr)*num/numax+rr)+","+((g-gg)*num/numax+gg)+","+((b-bb)*num/numax+bb)

eval("img1.filters['DXImageTransform.Microsoft.Light'].changecolor(0,"+((r-rr)*num/numax+rr)+","+((g-gg)*num/numax+gg)+","+((b-bb)*num/numax+bb)+",100)")

//eval("img1.filters['DXImageTransform.Microsoft.Light'].addAmbient("+((r-rr)*num/numax+rr)+","+((g-gg)*num/numax+gg)+","+((b-bb)*num/numax+bb)+",100)")

if(num<numax){

num=num+1;

setTimeout('changecolor('+num+','+r+','+g+','+b+')',100)

}else{

num=0;

rr=r;

gg=g;

bb=b;

iii=iii+1;

if(iii>ccolor.length-1) iii=0;

setTimeout('changecolor('+num+','+r+','+g+','+b+')',2000)

}

}

changecolor(0);

// -->

</SCRIPT>

<embed src=" 音?" hidden="true" autostart="true" loop="true">

<embed style="left:180px; top:200pxOSITION: absolute; width:720px; height:300px" src=透明动画width=838 height=500 type=application/x-shockwave-flash wmode="transparent">
回复

使用道具 举报

 楼主| 发表于 2010-3-28 22:42:47 | 显示全部楼层
向左移动特效音画TXT上传文本代码



<html>

<head>

<title>梦锁</title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<!-- ImageReady Slices (梦锁.psd) -->

<table id="__01" width="宽度" height="高度" border="0" cellpadding="0" cellspacing="0">

       <tr>

              <td>       <img src="上传后的图片地址" width="切好的图宽度" height="高度" alt=""></td>

              <td><img src="上传后的图片地址" width="切好的图宽度" height="高度" alt=""></td>

              <td>

       </tr>

</table><EMBED style="FILTER: invert()" src=音乐地址 width=0 height=0 type=audio/mpeg volume="0" autostart="TRUE" loop="true" EnableContextMenu="0" allowNetworking="internal" allowScriptAccess="never">

<EMBED

style="LEFT: 2800px; WIDTH: 1000px; POSITION: absolute; TOP: 250px; HEIGHT: 450px"

align=center src=动画地址 width=600 height=500

type=application/octet-stream wmode="transparent" quality="high" ;;>

<!-- End ImageReady Slices -->

</body>

</html>




(注意:图片有多少张,就复制多少张图片地址的代码,动画要加多少个也是一样,复制.)
回复

使用道具 举报

 楼主| 发表于 2010-3-28 22:43:45 | 显示全部楼层
如何查看一个网页的HTML源代码?

查看一个网页HTML源代码的方法是: 打开一个网页之后,点击浏览器上的菜单“查看”,选择下面的“源文件”选项,即可打开一个记事本文件,其中就是这个网页所所有代码。也可以将鼠标放置到网页上的任何位置(只要位于没有链接、图片处,最好是网页中的空白区域),点击鼠标右键,选择其中的“查看源文件”即可。
回复

使用道具 举报

 楼主| 发表于 2010-3-28 22:48:15 | 显示全部楼层
【音画理论】音画帖制作概述(附完整音画贴发帖代码) 作者/楚水






近期发现有许多朋友美文主要是音画贴发帖存在许多问题,觉得有必要收集整理一下音画贴滴制作和发帖注意事项,以及发帖代码,供各位朋友参考。fficeffice" />


顾名思义就是以音乐和图画来表达意境的帖子。根据主题需要表达的意思,可以在帖子中配一定的FLASH动画及适量的文字内容,用于衬托主题帖,使其锦上添花更加完美。





一、音画帖主题的确定:



1、音画帖的主题多种多样,多是根据自己的嗜好和当时的需求来决定的。常规的音画帖多以生日祝福帖、节日喜庆帖、影视创意帖、人物留念帖等作为主题的。


2、根据自己所需确定主题内容,这样就可以在主题思路下进行下一步的素材收集了,切记主题一定要明确简明。





二、素材的收集:



1、常规下素材的收集分为主题素材、背景素材、前景素材、FLASH素材、音乐素材等。


2、主题素材是制作音画帖的关键所在,此帖的成败与否多半在于此,主题素材多以生动的人物、花卉为主,再配以醒目色调使帖子活灵活现。


3、其次是背景素材的收集,背景素材要根据主题素材来确定,关键一点要与主题素材能够完美结合为好,可以是单个图片,也可以多个图片合成背景,在此建议以多个背景图合成背景为上,这样及避免了与其它作品的重复又丰富了背景内容。其中色彩、景色一定要和主题匹配,这样你的作品基本算是完成了一半。


4、前景素材,多以花卉、枝叶、形状、文字内容等为主,主要起到画龙点睛的作用。


5、FLASH素材,此素材一定要与帖子所要表达的内容相符,在单帖使用中尽量不要超过2个,所占版面也不要过大,以点缀为主,不然将会适得其反。


6、音乐素材是帖子完成后最为关键的一步,其份量在音画帖中占到一半的比例。再好的图片制作没有相应的音乐来匹配,充其量只能算是个好图而已,要想完全表达音画的意境必须要有好的音乐的衬托。





三、PS图片的制作:


1、在完成各素材的收集后,可进行音画图的制作了。在这要说明一点,PS图片的制作要有一定的基础,初学者一定要了解PS软件中各工具的位置及常规的使用方法,这样才能在以后的图片制作中得心应手。


2、新建文件图层,常规有(宽×高)1024×768,1000×650,1024×N,1000×N等,宽度一般根据自己显示器来设置即可,本论坛一般设置成1000*N即可。亦能满足全屏滴需要,高度就要根据你所作图片的内容自己确定了,在此就不多言。


3、确定好了图片尺寸,那么即开始进行背景层的制作了,在制作图的过程中最为重要的一步就是“复制图层”,再者就是制作过程中进行PSD文件的保存,这样可以帮助你对所有图层的恢复,及有效的防止制作中意外丢失文件。也就是说在对每一张图片处理以前一定要先对其进行图层复制,而后原图层不动只对复制后图层进行处理。


4、主题图、背景图、前景图之间的关系:从清晰度来说,主题图清晰度最好,背景图可适当模糊一下,用以把主题图凸显,而前景图只作为整张图的衬托之用,切记不要过多。从所占比例来讲,根据不同帖子主题图所占比例有所不同,这就不一一阐述了。


5、音画图在制作手法上,由于每个人接触PS深度不同,所用方法也不一样,但不外乎这么几点(背景图合成构思,主题图抠图、羽化、调色、摆放,各图层调整、图文排列、主体文字设计等),这就要求我们多看、多问、多练习,只有见多才能识广,只有多练才能创新。





四、PS图片的切片与上传



1、一张图片制作完成一般要进行网络的上传,由于各网站上传空间有所限制,一张完整的大图是难以上传到所要的地方。PS的切片功能在此就帮助了我们,良好的切片可以使网络运转速度正常,较少了卡涩。

2.切片后上传到本论坛或图片博客或其他网页生成图片地址,复制下图片地址以便发帖时编制代码。估计许多朋友不会就在一个论坛上发帖,偶一般用图片博客,以便在其他论坛发贴。注意要复制大图滴图片地址。





五、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>

……

填写(复制)图片地址注意切片滴顺序,如果把贴中美女滴腿放到头上,这可不是你偶所希望看到滴


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>
回复

使用道具 举报

 楼主| 发表于 2010-3-28 22:54:26 | 显示全部楼层
古曲发贴代码


<DIV align=center><A href="上传好的TXT文本地址" target=_blank><FONT face=隶书 color=#000000 size=6>点击欣赏全屏</FONT></A><DIV style="LEFT: -260px;WIDTH:1000px; POSITION: relative; TOP: 150px"><IFRAME marginWidth=0 marginHeight=0 src=" 上传好的TXT文本地址 " frameBorder=0 width=宽度scrolling=no height=高度></IFRAME></DIV><BR><BR><BR><BR><BR><BR><BR><BR><BR>





蝶园发贴代码


<BR><BR><BR><A href="上传好的TXT文本地址" target=_blank ?><FONT color=#f70968 size=6>点击全屏观看</FONT></A><BR><BR>
<DIV style="LEFT: -220px; WIDTH: 1000px; POSITION: relative; TOP: 100px"><IFRAME marginWidth=0 marginHeight=0 src="上传好的TXT文本地址" frameBorder=0 width=宽度 scrolling=no height=高度></IFRAME></DIV><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>



心网发贴代码


<DIV style="LEFT: -210px; WIDTH: 1000px; POSITION: relative; TOP: 100px"><IFRAME marginWidth=0 marginHeight=0 src="上传好的TXT文本地址" frameBorder=0 width=宽度 scrolling=no height=高度></IFRAME></DIV><BR><BR><BR><BR><BR><BR><BR><BR>



漫天雪发贴代码

空间帖:

<p align=center><A href="网页地址" target=_blank ?><FONT color=#f70968 size=6>点击全屏观看</FONT></A></P><BR><BR>
<DIV style="LEFT: -245px; WIDTH: 1000px; POSITION: relative; TOP: 120px"><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 style="LEFT: -245px; WIDTH: 1000px; POSITION: relative; TOP: 120px">(此部分为全屏代码)

<IMG src=帖子图片地址>

<IMG src=帖子图片地址> (有几张图片就用几行代码,切记图片之间不可用</TD></TR></TBODY></TABLE>这一类的代码,否则会有空隙线条出现)

<div style="position: absolute; width: 100px; height: 100px; z-index: 3; left:300; top:2500" id="layer3">(此部分代码为控制透明flash位置所用,width: 100px; height: 100px;为宽高度;left:300为距离左边位置的数值,靠右代码为right,居中代码为center,这些可按需要自行调整; top:2500为距离网页上方的数值)

<EMBED align=right src=透明flash地址 width=250 height=250 type=application/octet-stream quality="high" wmode="transparent"></div>(此部分为添加透明flash的代码,附在需要添加透明flash的图片代码后面)

<EMBED src=音乐地址 width=0 height=0 hidden=true type=audio/mpeg loop="-1" AUTOSTART="1"></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>(此部分为音乐代码,width=0 height=0分别为播放器的宽高度,如需隐藏播放器,数据设为0即可)
回复

使用道具 举报

 楼主| 发表于 2010-3-28 22:57:05 | 显示全部楼层
可直接发音画的代码(不用存为TXT或HTML)


这个代码可直接发在论坛,不需要你上传到空间里,只要把图片上传到论坛或者是其它的地方,然后替换掉代码里的图片即可,对于没有空间的朋友很合适,当然想偷懒这个代码也不错:


<DIV style="LEFT: -215px; WIDTH: 1000px; POSITION: relative; TOP: 80px">
<IMG src="01.jpg">
<IMG src="02.jpg">
<IMG src="03.jpg">
<IMG src="04.jpg">
<IMG src="05.jpg">
<EMBED style="LEFT: 420px; POSITION: absolute; TOP: 180px" src=http://www.wosowoso.com/flash/2/woso9_flash_8.swf width=200 height=150 type=application/octet-stream quality="high" wmode="transparent"></EMBED> <EMBED src=http://lee2m.kilu.de/2009/gdhk/WhenLightBeckons.mp3 width=0 height=0 hidden=true type=audio/mpeg loop="-1" AUTOSTART="1"></DIV><BR><BR><BR><BR><BR>
回复

使用道具 举报

发表于 2010-3-28 23:51:29 | 显示全部楼层
很精细的整理与解说。
对初学者和新朋友是很好的帮助呢,顶起来。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|漫天雪文学论坛 ( 皖ICP备20001937 )

GMT+8, 2024-12-4 16:34 , Processed in 0.111233 second(s), 16 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表