如何用代码制作音画

个人日记

 

今天教各位不会PS的朋友如何用代码制作音画,方法非常的简单,主要用到下面3个代码

 1.

<P><IMG  style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 870px; HEIGHT: 720px" height=720 src=" 背景图片地址"width=870 eventslistuid="e3" ></P>

2.

<TABLE style="BACKGROUND-IMAGE: url(背景图片地址)" border=0 cellSpacing=20 borderColor=#cccccc cellPadding=20 width="100%" bgColor=#000000 align=left>
<TBODY>
<TR>
<TD>

  3.

<IMG title="" style="Z-INDEX: 2; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 424px; POSITION: absolute; TOP: 23px" height=280 alt="" src="图片地址1" width=210>

      几点说明:1。第一种方法是用代码1和代码3  ,代码1主要就是做音画背景,方法是把代码1复制 粘贴进

 html后用一张做背景的颜色图片地址去换代码1里面的背景图片地址  这几个字,注意不要把引号也给换了 , 同时把HEIGHT: 720px" height=720里面的数字720改为你需要的背景长度,比如估计你的音画

有6000长,你就改为6000,最后做下来实际只有5000,下面空了许多,那你就把6000改为5000就是,空白就消除了,实际6000还不够,你就把它改大些就是。一句话根据需要定数字的大小。(注意:代码1只用1次)  

      2。做好背景后,再把代码3复制粘贴到html里面,就放在代码1下面,  同样用你做音画的图片地址去换

图片地址1这几个字,注意不要把引号也给换了 ,然后根据需要去调整图片大小和位置,调整位置方法就是调整定位代码:LEFT: 20px TOP: 10px中的数字20和10,这里:LEFT: 20px表示图片离左边20远,TOP: 10px表示离顶部10远,这2个数变了图片位置就变了,因此调整位置就是调整这2个数,调整图片大小是调整

height=280和 width=210这里面的2个数,height=280代表图片的高,width=210代表图片的宽,数越大图片就越大。图片的大小根据你的需要自己看着调整就是,直到满意为至。

     3。你音画需要几张图片你就用几次代码3,比如你音画要用10张图片,那么你就用10次代码3,方法和2完全一样。每次代码复制粘贴时就放在上次的代码下面。每次注意调整好图片位置和大小。强调的是调整方法就是调整那4个数。(这种方法加文字的时候必须用文字代码加字,文字代码见后面 )

     4。第2种方法,那就是用代码2和代码3,代码2和第1种方法中代码1作用一样作背景,方法也一样就是用做背景的颜色图片地址去换那几个字,(也只用一次)。代码3就完全和第1种方法一样了。不同的是这种方法加文字的时候可不用文字代码,一是可直接打字,二是可复制粘贴文字,文字的编辑和平常空间编辑文字方法一样。

例如:代码1 用法

   <P><IMG  style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 870px; HEIGHT: 720px" height=720 src=" 背景图片地址"width=870 eventslistuid="e3" ></P>

           这是用着背景的颜色图片


图片

       这是背景图片地址:

    http://b55.photo.store.qq.com/http_imgload.cgi?/rurl4_b=1e085f53748bf88b014795862ff7e3c57e5e1715bdbf8a87117036068703604452f7934c9cd23060675360ab5bf73dd8288ec0adf6b3813e7d8044b27b9c41c69f0dcc223e21865c59b89ee53e74cbd7154d3fd4&a=60&b=55

      我们要做的就是用这地址去换代码1中的背景图片地址那几个字

      你换好后的背景代码就是;

   <P><IMG  style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 870px; HEIGHT: 720px" height=720 src=" http://b55.photo.store.qq.com/http_imgload.cgi?/rurl4_b=1e085f53748bf88b014795862ff7e3c57e5e1715bdbf8a87117036068703604452f7934c9cd23060675360ab5bf73dd8288ec0adf6b3813e7d8044b27b9c41c69f0dcc223e21865c59b89ee53e74cbd7154d3fd4&a=60&b=55"width=870 eventslistuid="e3" ></P>

      代码3的用法;

      <IMG title="" style="Z-INDEX: 2; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 424px; POSITION: absolute; TOP: 23px" height=280 alt="" src="图片地址1" width=210>

       做音画的图片


图片

     图片地址

 http://b59.photo.store.qq.com/http_imgload.cgi?/rurl4_b=1e085f53748bf88b014795862ff7e3c5aa52468e9630228aaa3e3fe01d3f479f02ce337a1d0c7d179835b004af7fa52cb82dff74f616c51f60a5413b4d76329de049ee22866d8776ca91fa12cfd6bc788806bb6b&a=56&b=59

     这里要用的就是用图片地址去换代码3的图片地址1那几个字

     你换好后的图片代码就是;

 <IMG title="" style="Z-INDEX: 2; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 424px; POSITION: absolute; TOP: 23px" height=280 alt="" src="http://b59.photo.store.qq.com/http_imgload.cgi?/rurl4_b=1e085f53748bf88b014795862ff7e3c5aa52468e9630228aaa3e3fe01d3f479f02ce337a1d0c7d179835b004af7fa52cb82dff74f616c51f60a5413b4d76329de049ee22866d8776ca91fa12cfd6bc788806bb6b&a=56&b=59" width=210>

      html里面的情形如下;

<P><IMG  style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 870px; HEIGHT: 720px" height=720 src=" http://b55.photo.store.qq.com/http_imgload.cgi?/rurl4_b=1e085f53748bf88b014795862ff7e3c57e5e1715bdbf8a87117036068703604452f7934c9cd23060675360ab5bf73dd8288ec0adf6b3813e7d8044b27b9c41c69f0dcc223e21865c59b89ee53e74cbd7154d3fd4&a=60&b=55"width=870 eventslistuid="e3" ></P>

<IMG title="" style="Z-INDEX: 2; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 424px; POSITION: absolute; TOP: 23px" height=280 alt="" src="http://b59.photo.store.qq.com/http_imgload.cgi?/rurl4_b=1e085f53748bf88b014795862ff7e3c5aa52468e9630228aaa3e3fe01d3f479f02ce337a1d0c7d179835b004af7fa52cb82dff74f616c51f60a5413b4d76329de049ee22866d8776ca91fa12cfd6bc788806bb6b&a=56&b=59" width=210>

    上面这过程是在html里面进行的,同时注意调整位置和大小。

    效果如下;


图片

 

文字代码:(横)例

 <DIV style="POSITION: absolute; TOP: 220px; LEFT: 320px">
<DIV align=center><BR>
<DIV style="FILTER: shadow(color=#AE0000, strength=10); WIDTH: 600px; HEIGHT: 750px">
<P><BR><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; COLOR: #ffffaa; FONT-SIZE: 15pt; FONT-WEIGHT: normal" face=隶书><BR>此处输入文字<P></FONT></DIV></DIV></DIV>

几点说明:1.TOP: 220px; LEFT: 320px确定文字的位置,WIDTH: 600px; HEIGHT: 750px确定文字显示的宽窄,FONT-SIZE: 15pt;确定文字的大小,color=#AE0000,COLOR: #ffffaa,确定文字的颜色。前者是字的投影颜色,后者是字面颜色。改变文字位置,字的大小就是改变那里面的数字大小,

文字代码:(竖列)
<DIV align=center>
<TABLE width="40%">
<TBODY>
<TR>
<TD vAlign=top width=5><FONT face=楷体_GB2312 color=#cc0000 size=5><STRONG>文字<BR></STRONG></FONT></TD>
<TD vAlign=top width=5><FONT face=楷体_GB2312 color=#cc0000 size=5><STRONG>文字<BR></STRONG></FONT></TD>
<TD vAlign=top width=5>
<P align=center><FONT size=5><FONT face=楷体_GB2312 color=#cc0000><STRONG>文字<BR></STRONG></FONT></P></FONT></TD>
<TD vAlign=top width=5><FONT face=楷体_GB2312 color=#cc0000 size=5><STRONG>文字<BR></STRONG></FONT></TD></TR></TBODY></TABLE></DIV>

 几点说明:1.width="40%表示文字的间距,调整文字间的距离就是改变这里的数字40的大小,数越大间距就宽,数小间距就小。

                    2.width=5表示字的大小,数越大字就越大,数小字小。最大可改为7.这种方法和上面的表示字的大小方法FONT-SIZE: 15pt不同,

              要换行就在要换行的字后面打上<BR>就是,要行距大就加2个<BR

字体颜色代码表  

 

#000000 #2F0000 #600030 #460046 #28004D
#272727 #4D0000 #820041 #5E005E #3A006F
#3C3C3C #600000 #9F0050 #750075 #4B0091
#4F4F4F #750000 #BF0060 #930093 #5B00AE
#5B5B5B #930000 #D9006C #AE00AE #6F00D2
#6C6C6C #AE0000 #F00078 #D200D2 #8600FF
#7B7B7B #CE0000 #FF0080 #E800E8 #921AFF
#8E8E8E #EA0000 #FF359A #FF00FF #9F35FF
#9D9D9D #FF0000 #FF60AF #FF44FF #B15BFF
#ADADAD #FF2D2D #FF79BC #FF77FF #BE77FF
#BEBEBE #FF5151 #FF95CA #FF8EFF #CA8EFF
#d0d0d0 #ff7575 #ffaad5 #ffa6ff #d3a4ff
#E0E0E0 #FF9797 #FFC1E0 #FFBFFF #DCB5FF
#F0F0F0 #FFB5B5 #FFD9EC #FFD0FF #E6CAFF
#FCFCFC #FFD2D2 #FFECF5 #FFE6FF #F1E1FF
#FFFFFF #FFECEC #FFF7FB #FFF7FF #FAF4FF
#000079 #000079 #003E3E #006030 #006000
#000093 #003D79 #005757 #01814A #007500
#0000C6 #004B97 #007979 #019858 #009100
#0000C6 #005AB5 #009393 #01B468 #00A600
#0000E3 #0066CC #00AEAE #02C874 #00BB00
#2828FF #0072E3 #00CACA #02DF82 #00DB00
#4A4AFF #0080FF #00E3E3 #02F78E #00EC00
#6A6AFF #2894FF #00FFFF #1AFD9C #28FF28
#7D7DFF #46A3FF #4DFFFF #4EFEB3 #53FF53
#9393FF #66B3FF #80FFFF #7AFEC6 #79FF79
#AAAAFF #84C1FF #A6FFFF #96FED1 #93FF93
#B9B9FF #97CBFF #BBFFFF #ADFEDC #A6FFA6
#CECEFF #ACD6FF #CAFFFF #C1FFE4 #BBFFBB
#DDDDFF #C4E1FF #D9FFFF #D7FFEE #CEFFCE
#ECECFF #D2E9FF #ECFFFF #E8FFF5 #DFFFDF
#FBFBFF #ECF5FF #FDFFFF #FBFFFD #F0FFF0
#467500 #424200 #5B4B00 #844200 #642100
#548C00 #5B5B00 #796400 #9F5000 #842B00
#64A600 #737300 #977C00 #BB5E00 #A23400
#73BF00 #8C8C00 #AE8F00 #D26900 #BB3D00
#82D900 #A6A600 #C6A300 #EA7500 #D94600
#8CEA00 #C4C400 #D9B300 #FF8000 #F75000
#9AFF02 #E1E100 #EAC100 #FF9224 #FF5809
#A8FF24 #F9F900 #FFD306 #FFA042 #FF8040
#B7FF4A #FFFF37 #FFDC35 #FFAF60 #FF8F59
#C2FF68 #FFFF6F #FFE153 #FFBB77 #FF9D6F
#CCFF80 #FFFF93 #FFE66F #FFC78E #FFAD86
#D3FF93 #FFFFAA #FFED97 #FFD1A4 #FFBD9D
#DEFFAC #FFFFB9 #FFF0AC #FFDCB9 #FFCBB3
#E8FFC4 #FFFFCE #FFF4C1 #FFE4CA #FFDAC8
#EFFFD7 #FFFFDF #FFF8D7 #FFEEDD #FFE6D9
#F5FFE8 #FFFFF4 #FFFCEC #FFFAF4 #FFF3EE
#613030 #616130 #336666 #484891 #6C3365
#743A3A #707038 #3D7878 #5151A2 #7E3D76
#804040 #808040 #408080 #5A5AAD #8F4586
#984B4B #949449 #4F9D9D #7373B9 #9F4D95
#AD5A5A #A5A552 #5CADAD #8080C0 #AE57A4
#B87070 #AFAF61 #6FB7B7 #9999CC #B766AD
#C48888 #B9B973 #81C0C0 #A6A6D2 #C07AB8
#CF9E9E #C2C287 #95CACA #B8B8DC #CA8EC2
#D9B3B3 #CDCD9A #A3D1D1 #C7C7E2 #D2A2CC
#E1C4C4 #D6D6AD #B3D9D9 #D8D8EB #DAB1D5
#EBD6D6 #DEDEBE #C4E1E1 #E6E6F2 #E2C2DE
#F2E6E6 #E8E8D0 #D1E9E9 #F3F3FA #EBD3E8

音乐代码

</textarea><embed src=http://你的背景音乐地址 width=0 height=0 loop= true>

文章评论