如何用代码做音画

空间制作

   今天教各位不会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

文章评论