进入QQ空间,点日记,点写日记,填上标题,再点“高级功能”,点"HTML”复制以下代码(黑色字母部分),粘贴进日记编辑框里,然后看下面的文字“代码使用方法”要求操作,即可快速做出精美大图音画。
代码:
<P></P> <TABLE title=冰点柔情编辑 style="BACKGROUND-IMAGE: url(背景图片地址)" borderColor=#cccccc cellSpacing=0 cellPadding=0 width=870 align=center bgColor=#000000 border=0> <TBODY> <TR> <TD>
<P> </P> <P> </P>
<P> </P> 你好啊,用心学<P> </P></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> </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>
另穿越竖列文字代码 :
<DIV style="LEFT: 180px; POSITION: absolute; TOP: 80px"> <DIV style="FONT-SIZE: 20pt; WIDTH: 400px; WRITING-MODE: tb-rl; HEIGHT: 750px; TEXT-ALIGN: left"> <P><FONT face=楷体_GB2312 color=#ff0000><STRONG>书写竖列文字</STRONG></FONT></P></DIV></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>
|