分享

变色代码大图音画+代码大图教程

 天空如此明亮 2011-08-09

 大图音画代码

<DIV style="LEFT: 20px; POSITION: absolute; TOP: 10px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址1" width=850> </CENTER></DIV>

<DIV style="LEFT: 20px; POSITION: absolute; TOP: 500px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址2" width=850> </CENTER></DIV>

<DIV style="LEFT: 20px; POSITION: absolute; TOP: 1000px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址3" width=850> </CENTER></DIV>

<DIV style="LEFT: 20px; POSITION: absolute; TOP: 1500px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址4" width=850> </CENTER></DIV>

<DIV style="LEFT: 20px; POSITION: absolute; TOP: 2000px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址5" width=850> </CENTER></DIV>

 <DIV style="LEFT: 120px; POSITION: absolute; TOP: 200px">

<P><FONT face=楷体_GB2312 color=#ffcc00 size=5><STRONG>写等一段文字</STRONG></FONT> </P></DIV>

 <DIV style="LEFT:500px; POSITION: absolute; TOP: 900px">

<P><FONT face=楷体_GB2312 color=#ffcc00 size=5><STRONG>写第二段文字</STRONG></FONT> </P></DIV>

 <DIV style="LEFT: 120px; POSITION: absolute; TOP: 1600px">

<P><FONT face=楷体_GB2312 color=#ffcc00 size=5><STRONG>写第三段文字</STRONG></FONT> </P></DIV>

哈哈

代码使用方法

代码分两部分:第一部分(前五段)代码是图片穿越代码,五段代码完全相同,这是为朋友使用方便多复制了,

                              每一段放一张图片地址。(即:图片地址1、图片地址2......)在使用时根据自己需要,可以再

                               添加代码:

<DIV style="LEFT: 20px; POSITION: absolute; TOP: 10px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址1" width=850> </CENTER></DIV>

                              代码中有3个数据:LEFT:20px表示图片左右位置,一般数据10-----600,

                                                                  TOP: 10px表示图片上下位置,一般数据0-------4000,

                                                                   width=850表示设置的图片大小,一般200------870, 

                                                                (200、300小图,400、500, 中图,700、800是大图)

                              第二部分(后三段)是文字穿越代码,这种文字没有阴影,就是常用日志文字,

                               使用时,可以在  HTML 书写少部分文字,然后点“返回”在常用窗口找到文字

                              用鼠标左键点文字,出现虚框,文字里出现鼠标光标了,就可以书写,并且用

                               鼠标 调行。可以从别处复制一段文字在代码里粘贴,返回到常用窗口调行、调

                              整文字大小,见图片

                              代码里用了三段相同代码:

 <DIV style="LEFT: 120px; POSITION: absolute; TOP: 200px">

<P><FONT face=楷体_GB2312 color=#ffcc00 size=5><STRONG>写等一段文字</STRONG></FONT> </P></DIV>

 

                             使用时,根据需要取用几段。   

                             以上大图音画代码,一次复制到代码窗口,一次放上图片地址,以及书写文字,

                             调整数据,就可以制作简单的大图音画。                         

                             

 

                        1、前面大图音画里,每段代码里都有:

                              <DIV style="LEFT: 20px; POSITION: absolute; TOP: 10px">
                             只是数据不同,这是穿越代码,没有它就无法用调整数据的方法把图片、文字

                             穿越到大图里,图片也才可以重叠、融合,图片也才好处理连接,如果做代码

                             大图,背景使用羽化代码,当然也可以做,但图片与图片之间有边缘羽化空隙

                             没有使用穿越代码效果理想。

                      2 、代码最后有“哈哈”两字,是我故意写的中文字,是用来拉长日志信纸用的,

                            在制作时“返回”,便于查看、找到它,使用鼠标在“哈哈”右边点一下,出

                            现了鼠标光标后,点键盘回车键,就拉长了日志信纸。 因为穿越图片与透明flash

                            一样,它们不占用信纸空间,必须使用回车键拉长信纸,在预览、发表的时候

                           才有效果显示。有许多朋友以前使用穿越代码,说做不出效果,就是这个原因。

                      3、这些代码是重复的,是为初学的朋友使用方便,我多复制了相同代码。其实

                             制作代码大图,只需要两种代码,即图片穿越代码和文字穿越代码。也就是:

<DIV style="LEFT: 20px; POSITION: absolute; TOP: 10px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址1" width=850> </CENTER></DIV>

<DIV style="LEFT: 120px; POSITION: absolute; TOP: 200px">

<P><FONT face=楷体_GB2312 color=#ffcc00 size=5><STRONG>写等一段文字</STRONG></FONT> </P></DIV>


                       4、如果在以上代码里添加滚动代码<MARQUEE>   </MARQUEE>
             文字也可以在大图里滚动。

 

<DIV style="LEFT: 120px; POSITION: absolute; TOP: 200px">

<MARQUEE>
<P><FONT face=楷体_GB2312 color=#ffcc00 size=5><STRONG>写等一段文字</STRONG></FONT> </P></MARQUEE></DIV>

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

    0条评论

    发表

    请遵守用户 评论公约