送给初学代码音画的朋友部分代码和使用方法说明及动画地址

精品素材

 

图片


送给初学代码音画的朋友
(代码音画的部分代码)
(一)代码的使用方法:
请朋友们注意:所有代码必须在HTML代码编辑框内使用,在其他编辑框内使用无效! 具体操作方法:点击写日志。打开写日志编辑框。点击右上角的高级功能,点击HTML进入代码编辑框,删除原有代码,粘贴你所需要的代码就可以了,代码音画一般分为五个步来做。第一步,首先做背景图片,也叫背景边框。第二步:粘贴图片穿越定位代码,复制图片地址,制作图片。第三步;粘贴文字穿越定位代码,制作你所需要的文字。第四步:使用隐藏播放器代码制作隐藏音乐。第五步:选择使用你喜欢的透明动画,给你的音画增加美感!
图片
(二)边框代码
边框代码非常多,朋友们可以去复制使用。我仅提供一种代码供朋友们学习使用,这个代码非常简单,很适合新朋友使用,朋友们复制边框代码,去HTML代码编辑框粘贴即可,然后点编辑框右下角的(预览)就看到你制作的边框了。height:7150px是边框的高度,朋友们可以根据你音画的高度来调整、每次制作代码音画,背景边框只使用一次!朋友们在使用时把心心相印改为你的网名,QQ号码改为你的号码!
《边框代码如下》
<table style="border:10px ridge rgb(0, 96, 48)" title="心心相印/原创音画【QQ562835833】" border="0" cellSpacing="0" borderColor="#ffff00" width="870" bgColor="#ffff00">
<tbody><tr><td width="0%">
<div align="center">
<table style="border:6px ridge rgb(255, 255, 55)" cellSpacing="0" align="center">
<tbody><tr><td>
<div>
<table style="border:3px dashed rgb(204, 0, 0);width:845px;height:7150px" cellSpacing="0" cellPadding="0" bgColor="#006030" align="center">
<tbody><tr><td><p style="margin:0.7em" align="right">
<div><p></p>
</div>
<br/>
</td></tr></tbody>
</table>
</div>
</td></tr></tbody>
</table>
</div>

(三)图片穿越定位代码
朋友们在制作代码音画的时候,我们制作一张图片就需要使用一次图片穿越定位代码,几张图片就是用几次。
(图片穿越定位代码如下)
<img style="left:0px;top:60px;filter:alpha(opacity=100,finishopacity=0,style=3);position:absolute;z-index:2" src=" 在这里添加图片地址" width="910" height="880">
代码说明:
left:0px这个是调整图片在背景边框的左右位置,也称横坐标,0px;top:60px,这个是用来调整图片在背景边框的上下位置,也称纵坐标。改变这两个数据就改变了图片在背景边框内的左右和高低位置!width="910"这个用来调整图片本身的宽度,也称图片宽度,height="880"这个用来调整图片的高度,也称图片高度。改变这两个数据就改变了图片本身的大小。大家在使用时根据你的需要来进行灵活调整!

(四)文字穿越定位代码
文字穿越定位代码在制作代码音画的时候,每制作一段文字就需要使用一次。
制作几段文字就使用几次文字穿越定位代码!
《文字穿越定位代码如下》
<div style="left:40px;top:950px;position:absolute">
<div style="width:800px;height:400px;filter:shadow(color=#252524, strength=6)"><p style="margin:0.7em" align="left">
<div style="text-align:center"><font style="color:rgb(255, 211, 6);font-size:20pt;font-style:normal;font-variant:normal;font-weight:normal" color="#04e7ed" face="楷体_GB2312" gb2312="null" a0="null"><b><font color="#ffffff" cc00="null"><span style="font-size:31px">在这里添加你要写的文字</span></font></b></font></div>
复制你要写的文字,删除(在这里添加你要写的文字)粘贴上你要的文字就可以了。点预览就看到你制作的文字了。left:40px;这个是用来调整文字在背景边框内的左右位置,数字越小文字越靠左,反之文字就靠右。top:950px这个数据用来调整文字在背景图内的高低位置,数字越小文字越靠上,反之文字越靠下。width:800px这个数据是调整每行文字的多少,日志宽度是870,这个数据是800,接近日志的宽度,朋友们如要减少每行文字的个数,可以调成360或400即可。size:31px是调整文字的大小,缩小这个数据,文字就变小了。反之文字就变大!朋友们使用时请按需要灵活调整

(五)隐藏播放器代码如下:

<div style="width:21px;height:0px;overflow:scroll"> 

这个代码非常简单,效果很好,可以隐藏我们不愿看到的那个很难看的播放器,歌声依然回荡在我们的空间!具体使用的方法是 :点击写日志,点击插播音乐的按钮,点击搜索音乐库,输入你想要的歌曲名称,点确定。不要忘记在自动播放本日志歌曲左侧的小方格里打上勾!点预览听听是否有歌声,如有歌声请点击继续编辑,点HTML,就看到播放器地址了,然后将隐藏播放器代码粘贴在播放器地址的最前面,然后点预览,有歌声没有播放器,隐藏音乐就做好了!复制做好的隐藏音乐全部代码,去你制作好的代码音画里面粘贴在最后就可以了!
希望本教程能给初学代码音画的朋友们有所帮助,朋友们在制作代码音画当中有啥问题,我们可以相互学习!共同提高,预祝所有的朋友们新年愉快!心心相印在这里给朋友们拜年了!



 
 部分透明动画地址供朋友们使用

为了感谢朋友们对本空间及心心相印的厚爱,特收集一些可以直接使用的FIASH素材,供大家使用。复制你喜欢的FIASH地址,点写日志,点高级功能,再点FIASH标志,将复制的地址粘贴在地址来源这里,点自定义,填入高度,宽度,横坐标,纵坐标。不要忘记在设置浮动透明的小方格里打勾!!!至此朋友们制作的代码音画就制作完成了!朋友们在制作中有哪些问题,可以留言,我会回复大家的!初学代码音画的朋友们心心相印衷心祝愿你们成功!

以下是flash地址

请点击地址出来大图预览

http://imgcache.qq.com/qzone/space_item/orig/11/33051.swf


http://imgcache.qq.com/qzone/space_item/orig/5/33045.swf

http://imgcache.qq.com/qzone/space_item/orig/8/33048.swf


http://imgcache.qq.com/qzone/space_item/orig/6/32902.swf

http://imgcache.qq.com/qzone/space_item/orig/6/23734.swf

http://imgcache.qq.com/qzone/space_item/orig/3/23699.swf

http://imgcache.qq.com/qzone/space_item/orig/0/23232.swf

http://imgcache.qq.com/qzone/space_item/orig/7/23239.swf

http://imgcache.qq.com/qzone/space_item/orig/12/21244.swf

http://imgcache.qq.com/qzone/space_item/orig/7/21239.swf
http://imgcache.qq.com/qzone/space_item/orig/2/32898.swf
http://imgcache.qq.com/qzone/space_item/orig/0/33056.swf
http://imgcache.qq.com/qzone/space_item/orig/13/24413.swf
http://imgcache.qq.com/qzone/space_item/orig/8/23736.swf
http://imgcache.qq.com/qzone/space_item/orig/4/23732.swf
http://imgcache.qq.com/qzone/space_item/orig/1/23729.swf
http://imgcache.qq.com/qzone/space_item/orig/12/23692.swf
http://imgcache.qq.com/qzone/space_item/orig/13/23693.swf
http://imgcache.qq.com/qzone/space_item/orig/0/23216.swf
http://imgcache.qq.com/qzone/space_item/orig/14/23214.swf
http://imgcache.qq.com/qzone/space_item/orig/12/23212.swf
http://imgcache.qq.com/qzone/space_item/orig/10/23226.swf
http://imgcache.qq.com/qzone/space_item/orig/12/23228.swf
http://imgcache.qq.com/qzone/space_item/orig/14/23230.swf
http://imgcache.qq.com/qzone/space_item/orig/4/23236.swf
http://imgcache.qq.com/qzone/space_item/orig/3/22099.swf
http://imgcache.qq.com/qzone/space_item/orig/5/22101.swf
http://imgcache.qq.com/qzone/space_item/orig/7/22103.swf
http://imgcache.qq.com/qzone/space_item/orig/11/21243.swf
http://imgcache.qq.com/qzone/space_item/orig/13/21245.swf
http://imgcache.qq.com/qzone/space_item/orig/14/21246.swf
http://imgcache.qq.com/qzone/space_item/orig/9/21241.swf
http://imgcache.qq.com/qzone/space_item/orig/8/21240.swf
http://imgcache.qq.com/qzone/space_item/orig/7/21239.swf
http://imgcache.qq.com/qzone/space_item/orig/5/21237.swf
http://imgcache.qq.com/qzone/space_item/orig/7/20743.swf
http://imgcache.qq.com/qzone/space_item/orig/6/20742.swf
http://imgcache.qq.com/qzone/space_item/orig/5/20741.swf
http://imgcache.qq.com/qzone/space_item/orig/4/20740.swf
http://imgcache.qq.com/qzone/space_item/orig/15/20735.swf
http://imgcache.qq.com/qzone/space_item/orig/14/20734.swf
http://imgcache.qq.com/qzone/space_item/orig/13/20733.swf

图片

下雨
http://www.56.com/flashApp/swf_effect/f71.swf


粉红色花瓣落下
http://www.56.com/flashApp/swf_effect/f141.swf


太阳白云
http://www.56.com/flashApp/swf_effect/f74.swf

花瓣和心掉落
http://www.56.com/flashApp/swf_effect/f142.swf


上升的粉色心
http://www.56.com/flashApp/swf_effect/f143.swf


左飘的蒲公英
http://www.56.com/flashApp/swf_effect/f4.swf


MM天使右飘洒下粉色心
http://www.56.com/flashApp/swf_effect/f110.swf

小熊在跳绳
http://www.56.com/flashApp/swf_effect/f109.swf

两只鸭子
http://www.56.com/flashApp/swf_effect/f101.swf


粉色花瓣雨


http://www.56.com/flashApp/swf_effect/f28.swf

蜜蜂飞过
http://www.56.com/flashApp/swf_effect/f59.swf

绿豆蛙两口子
http://www.56.com/flashApp/swf_effect/f108.swf

枫叶掉落


http://www.56.com/flashApp/swf_effect/f139.swf


下雪


http://www.56.com/flashApp/swf_effect/f32.swf

蜻蜓飞舞
http://www.56.com/flashApp/swf_effect/f63.swf


两朵白云在左右跳动
http://www.56.com/flashApp/swf_effect/f35.swf

月亮星星蒲公英
http://www.56.com/flashApp/swf_effect/f34.swf

冒出色心
http://www.56.com/flashApp/swf_effect/f95.swf

沸羊羊
http://www.56.com/flashApp/swf_effect/f124.swf


图片 

 

 

 

 

文章评论

奇 峰

[em]e181[/em] [em]e183[/em] [em]e160[/em]