代码制作大图音画教程

《瘦身老大提醒各位：由于腾讯的升级改版，现在空间写日志更换为新版效果，有很多朋友问我不知如何编辑代码了，而且说我以前发表的大图音画的代码现在不能用了，在新版里做出来的效果也不尽人意。好多代码日记修改后面目全非，以前代码的图片现在都变形了，是的，现在我特意改动了添加图片的代码。我试着制作做了这篇代码音画：二泉映月，可以先看看效果，老大今天奉献这篇腾讯改版后用代码制作大图音画的教程，老大真诚希望朋友能够跟改版之前一样做出来效果好的代码音画。欢迎朋友转载记住一定要留言吆！》

大图音画代码制作教程

★点击查看音画效果★

<P> </P>
哈哈

<DIV align=right>
<DIV style="POSITION: absolute; TOP: 10px; LEFT: 2020px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=2); WIDTH: 842px; HEIGHT: 442px" alt=图片 src="图片地址5"></CENTER></DIV></DIV

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

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

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

★点击查看效果《二泉映月》★

代码使用方法说明

代码分三部分：第一部分是一层边框代码，放背景图片，做大图背景，

（注意返回时用回车键下推“哈哈” ）

第二部分（第二至第五段）代码是图片穿越代码，五段代码完全相同，这是

为朋友使用方便多复制了，每一段放一张图片地址。（即：图片地址1、图片地址2......）

在使用时根据自己需要，可以再添加代码：

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

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

WIDTH: 842px表示设置的图片大小宽，HEIGHT: 442px代表图片的高

一般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: 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>

图片移动代码

<MARQUEE>
<CENTER><IMG style="FILTER: alpha(opacity=200,style=2); WIDTH: 842px; HEIGHT: 442px" alt=图片 src="图片地址1"></CENTER></MARQUEE></DIV></DIV>

下面是图片移动效果：

文字向上移动代码

</P></DIV></FONT></FONT></FONT></FONT></FONT></MARQUEE></DIV></SPAN></DIV></SPAN>
<DIV></DIV>

语法说明

（TOP: 800px; LEFT: 230px 代表字在空间日记里移动的纵向与横向定位）

（WIDTH: 350px; HEIGHT: 800px 代表字移动时的宽度与高度）

字的多少可随意添加颜色和字的大小可随意定（代表字的颜色color=#00b0f0 ）（代表字的大小size=5）

感谢瘦身老大

★
★

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。