教你简单几步做出漂亮代码音画转自网络文章

教你简单几步做出漂亮代码音画

转自网络文章

《锦绣山水》

素材网络

代码音画制作教程

代码音动画的基本入门步骤：

第一步；使用以下｛底图穿越代码｝

复制以上代码进写日志编辑器，点高级再点HTML进入代码区，

删掉里面几个字母后将代码粘贴上，然后去找做底图的图片地址，

找到底图用右键点图片再点属性，出来有图片地址，复制图片地址，

粘贴在代码的src="底图地址"这里，要先删掉底图地址这四个字后，

将地址粘贴上去，这样第一步已完成。以下这张是底图样板：

第二步；使用以下｛图片穿越底图的代码｝

<DIV style="LEFT: 30px; POSITION: absolute;

TOP: 50px"><IMG style="FILTER: alpha(opacity=100,style=3)" src="要加的图地址" width=870> </DIV>

复制以上代码，粘贴在做好的底图代码下一行，

并注意代码里的几个数据：LEFT: 30px;为横坐标，

TOP: 50px"为纵坐标，style=3为羽化图片方形，

改2为圆锥形，width=870为图片大小数据。

然后去找图片地址，找到图片用右键点图片再点属性，

出来有图片地址，复制图片地址，

粘贴在代码的src="要加的图地址"这里，

要先删掉要加的图地址这六个字后，将地址粘贴上去，

这时再调整横坐标，LEFT: 30px;，纵坐标数据，TOP: 50px"，

这样第二步的第一张图片已完成了，

接着再复制｛图片穿越底图的代码｝

做第二，三，四张图，方法也是和第一图片的做法一样，

只要调整纵坐标TOP: 50px"数据，并注意图片的连接距离，

也可根据自已的喜欢来设置数据。这样第二步已完成。

接着做第三步人物图片的穿越，

定位不动的人物图片可使用｛图片穿越底图的代码｝

以下是｛图片在图片上走动的代码｝

做法和第二步一样，只要调整图片的大小数据，

横坐标，纵坐标数据和修改羽化图片形状数据就可以了。

可根据自己喜欢要用几张图片。这样已完成人物图片的制作。

接着是｛竖排文字穿越图片代码｝

</DIV><MARQUEE></MARQUEE><DIV style="POSITION: absolute; TOP: 180px; LEFT: 310px"><DIV style="TEXT-ALIGN: left; WRITING-MODE: tb-rl; WIDTH: 400px; HEIGHT: 750px; FONT-SIZE: 18pt"><P><FONT color=#fdc68c face=楷体_GB2312><STRONG>写入你要写的</STRONG> </FONT></P></DIV></DIV><DIV>

以下是｛横写的文字穿越图片代码｝

<div style="LEFT: 100px; POSITION: absolute; TOP: 160px">
<div style="FONT-SIZE: 20pt; FILTER: shadow(color=#9900FF,

strength=8); WIDTH: 600px; COLOR: #ff0000; LINE-HEIGHT: 100%;

FONT-FAMILY: ()"><FONT color=#33ffff size=3><P><FONT face=楷体_GB2312 color=#66ffff>

<STRONG>这里写你喜欢的文字</STRONG></FONT>

</P></div></FONT></div></div>

以上两种代码可根据自己喜欢选择使用、

使用时只要调整好横坐标，纵坐标数据，这样文字穿越也就完成。

接着上传音乐，使用空间QQ音乐并将其隐藏

用腾讯的音乐播放器还真有点大煞风景，好端端的日记用了腾讯的播放器好象在漂亮的画面上停留着个大疤啦，，其实我也知道，这是空间主人逼不得已用了腾讯音乐的原因，腾讯的这种播放器是迄今为止是我看到的最小气，最让人感到恶心的播放器之一，其代码尽然达到800个字节以上，想用普通的隐藏代码来把它隐藏起来简直太难了，但若放在日志画面上也确实很难看，这也算是网络竞争的产物吧，各个网络公司各自为战，互不相让，难以兼容，也就造成了音乐自成一体，不接纳外来音乐的局面，好吧就用我们小气的腾讯音乐吧。哦真难看.. 见下图