★〓用代码制作【大图音画】的教材〓★

个人日记

 

         

          有朋友问我用代码怎样制作大图音画，我说三言两语是说不清的，为了满足朋友们

   的要求现将我在学习中全过程制作成教材供新手朋友学习。日志效果可看

★〓※【真情永远】※〓★ [图片]

 大图音画背景代码

 <TABLE style="BACKGROUND-IMAGE: url(背景图片地址)" border=0 cellSpacing=9 borderColor=#cccccc cellPadding=8 width="100%" bgColor=#ffffff align=center>
<TBODY>
<TR>
<TD>&nbsp;</TD></TR></TBODY></TABLE>

 大图音画代码

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

穿越滚动效果

 

 

因为爱著你的爱

因为梦著你的梦所以悲伤著你的悲伤

幸福著你的幸福因为路过你的路

因为苦过你的苦所以快乐著你的快乐

追逐著你的追逐因为

誓言不敢听因为承诺不敢信所以放心著你的沉默

如有不懂处可给我留言
缘制作的边框

 

 


图片

文章评论

Ashley

[ft=,2,][em]e100[/em]弟弟辛苦了！[em]e179[/em]很实用的，我转了，谢谢！[/ft]

未来属于你

友能给我做个静止的框框吗？就是那种不动的，会闪动的影响空间网速。

红雨伞

[B][ft=#ff9900,4,楷体_gb2312]欣赏你的才华，感谢你的无私奉献。祝朋友周末愉快[em]e163[/em][/ft][/B]

芳

[M][url=http://b51.photo.store.qq.com/http_imgload.cgi?/rurl4_b=0bd467d0c38d95cda59101d225835492f98b1d6a7804129481032089d42d3337f082d9a112c8e9a9027b3f97347f0ea6929f928accb14d51154070db311522aad5cd2d64b54aa23f5c1ba673a7aee3f071cda501&ampa=66&ampb=51][img,392,254]http://b51.photo.store.qq.com/http_imgload.cgi?/rurl4_b=0bd467d0c38d95cda59101d225835492f98b1d6a7804129481032089d42d3337f082d9a112c8e9a9027b3f97347f0ea6929f928accb14d51154070db311522aad5cd2d64b54aa23f5c1ba673a7aee3f071cda501&ampa=66&ampb=51[/img][/url][/M]

芳

[M][url=http://b25.photo.store.qq.com/http_imgload.cgi?/rurl4_b=a2ae94490b490b5df6dd0e7e3589ef20218e2c838690df079224a7589a1e466bcfae8b98ea2e9d0f774cbcf53a28ce22f9bcfccf8f20aa579dbe1258c89aefcee9f77b08982329895f44544b3e7a471c49db6e6c&ampa=38&ampb=25][img,380,311]http://b25.photo.store.qq.com/http_imgload.cgi?/rurl4_b=a2ae94490b490b5df6dd0e7e3589ef20218e2c838690df079224a7589a1e466bcfae8b98ea2e9d0f774cbcf53a28ce22f9bcfccf8f20aa579dbe1258c89aefcee9f77b08982329895f44544b3e7a471c49db6e6c&ampa=38&ampb=25[/img][/url][/M]

**枫叶**【暂别空间】

[url=http://b66.photo.store.qq.com/http_imgload.cgi?/rurl4_b=1def52e2e126816a0e784f530b7abaac22aaa6d6d06899feb5218a71fd00a24296679cb8dbe707e8c81e012875d2282cd452e5f58792fff6bd0c5881814d7fa074088f27c19fdd69f8bf3873a82ec6f73a799613&ampa=67&ampb=66][img]http://b66.photo.store.qq.com/http_imgload.cgi?/rurl4_b=1def52e2e126816a0e784f530b7abaac22aaa6d6d06899feb5218a71fd00a24296679cb8dbe707e8c81e012875d2282cd452e5f58792fff6bd0c5881814d7fa074088f27c19fdd69f8bf3873a82ec6f73a799613&ampa=67&ampb=66[/img][/url]

一雁北行

[ft=,2,]向 缘 朋友产问好。一直在制作音画，只觉美，只是我未入门。羡慕哟。祝身体健康。[/ft]

兰馨

[M][url=http://b60.photo.store.qq.com/http_imgload.cgi?/rurl4_b=f3491f7b40b0c74211fe69e2624b291a9f7c0415e0eef2e62a94af3e7655c8f90b4670e60747a925ef5ed361b4ae4ac2ddf1ea6d9e0892bc412f2b4a76d1db9d3e4fefcb829bbd703212ba920c345fb501965c12&ampa=60&ampb=60][img,400,356]http://b60.photo.store.qq.com/http_imgload.cgi?/rurl4_b=f3491f7b40b0c74211fe69e2624b291a9f7c0415e0eef2e62a94af3e7655c8f90b4670e60747a925ef5ed361b4ae4ac2ddf1ea6d9e0892bc412f2b4a76d1db9d3e4fefcb829bbd703212ba920c345fb501965c12&ampa=60&ampb=60[/img][/url][/M]

兰馨

[M][url=http://b205.photo.store.qq.com/http_imgload.cgi?/rurl4_b=7d2c6fc48c6b2db8627a8b50c44268668ef695f269c6516c9ed08ccf65b03da86ffc93a903e26a9fcc48d2ef2c4754175b329448a83aa1ec457b40bf958ef36f9cbc2d7891e184c8ff48bd8785cf877dc6134afd&ampa=205&ampb=205][img,360,180]http://b205.photo.store.qq.com/http_imgload.cgi?/rurl4_b=7d2c6fc48c6b2db8627a8b50c44268668ef695f269c6516c9ed08ccf65b03da86ffc93a903e26a9fcc48d2ef2c4754175b329448a83aa1ec457b40bf958ef36f9cbc2d7891e184c8ff48bd8785cf877dc6134afd&ampa=205&ampb=205[/img][/url][/M]

冬梅

[M][url=http://b203.photo.store.qq.com/http_imgload.cgi?/rurl4_b=ace704b813171d0a59ec41a4e7acd36ab7e90e6f53c1d77530b0d75a0a772679fa66b9a1b40482371bc62822a8c90a1186848423a55cf5f3723e59957ccf54baacdda62826fdea70d176498a84cce0b20221dd6e&ampa=201&ampb=203][img,300,200]http://b203.photo.store.qq.com/http_imgload.cgi?/rurl4_b=ace704b813171d0a59ec41a4e7acd36ab7e90e6f53c1d77530b0d75a0a772679fa66b9a1b40482371bc62822a8c90a1186848423a55cf5f3723e59957ccf54baacdda62826fdea70d176498a84cce0b20221dd6e&ampa=201&ampb=203[/img][/url][/M]

冬梅

[M][url=http://b54.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b61caa8d79acabd160e1208840961afc4644bfb187ca1e58d94c6634c0d3b792716515897c95d98e218a158d1e82a2bc43e3b01afd4b02769b8d4e1c70d7684b5af42d9de9cb41936f11fee26beada132042f99c&ampa=64&ampb=54][img,400,290]http://b54.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b61caa8d79acabd160e1208840961afc4644bfb187ca1e58d94c6634c0d3b792716515897c95d98e218a158d1e82a2bc43e3b01afd4b02769b8d4e1c70d7684b5af42d9de9cb41936f11fee26beada132042f99c&ampa=64&ampb=54[/img][/url] [/M]

兰馨

[M][url=http://b64.photo.store.qq.com/http_imgload.cgi?/rurl4_b=3ce70a41adeea7e02f6343f5c3bff57740018d02aa753dfafc7ec3b29c83b4f3bd547da62abe6b900261a577dc9f585dee23579a304fd66cec187de55ad6082d2763585c1ff05b3e8247c38ca2610ebede294fd2&ampa=64&ampb=64][img,430,230]http://b64.photo.store.qq.com/http_imgload.cgi?/rurl4_b=3ce70a41adeea7e02f6343f5c3bff57740018d02aa753dfafc7ec3b29c83b4f3bd547da62abe6b900261a577dc9f585dee23579a304fd66cec187de55ad6082d2763585c1ff05b3e8247c38ca2610ebede294fd2&ampa=64&ampb=64[/img][/url][/M]

兰馨

[M][url=http://b59.photo.store.qq.com/http_imgload.cgi?/rurl4_b=eacfc4b3e0cb8679afce18a8d7575048cd9ce03086269f9cc03efd8b5f0a89bc283c97111a2a8dd25d6abe3b5133b3cfdc6e6e6256b59d55f1378cd8a145995698f9d1ac9522772937dd13854232f4ae084c6b1c&ampa=64&ampb=59][img,500,250]http://b59.photo.store.qq.com/http_imgload.cgi?/rurl4_b=eacfc4b3e0cb8679afce18a8d7575048cd9ce03086269f9cc03efd8b5f0a89bc283c97111a2a8dd25d6abe3b5133b3cfdc6e6e6256b59d55f1378cd8a145995698f9d1ac9522772937dd13854232f4ae084c6b1c&ampa=64&ampb=59[/img][/url][/M]