怎么做代码日志教程
个人日记
最近不少朋友给我留言，问音画日志怎样制作，但由于我上网时间不多，懂得也只不过是一点皮毛，语言表达能力也有限，所以不能把我懂得的知识亲自传授给朋友们。于是这几天抽了点时间，做了这个代码音画制作教程，不过这只是我的经验操作，希望可以对有兴趣学制作的朋友们有所帮助，进出我空间的高手不下少数，还望不要见笑，如果我哪里说的不对还望多多指点。这个教程是我自己经验操作过程，也是我花费休息时间制作的，希望朋友们尊重我的辛劳付出，请勿复制，想学者可转载拿回家慢慢研究，不过要记得留言哟！你的支持就是我的鼓励哦！祝朋友们学习愉快！
其实我制作的音画只是图片穿越代码和文字穿越代码组合而成，首先打开写日志，点击
再点击
即可进入HTML状态，删除里面的代码，把下面的背景代码粘贴在里面。
<DIV class=blog_details_20120222><TABLE style="BACKGROUND-IMAGE: url(背景图片地址)" borderColor=#cce000 cellPadding=20 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD height=6000>
<DIV align=right></DIV></TD></TR></TBODY></TABLE>
然后找一个喜欢的背景图片，复制图片背景地址，把代码中的红色字删除，记住括号不用删，把复制好的地址粘贴在括号里面，绿色是调整背景的高度，数据大小根据你的日志长短来调整，点预览即可看到你的背景。然后再回到编辑框里粘贴图片穿越代码
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px">
<CENTER><STRONG><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=200,style=3); WIDTH: 870px; HEIGHT: 700px" height=800 src="图片地址" width=880> </STRONG></CENTER></DIV>
<CENTER><STRONG><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=200,style=3); WIDTH: 870px; HEIGHT: 700px" height=800 src="图片地址" width=880> </STRONG></CENTER></DIV>
再获取图片地址把红色字去掉，粘贴获取好的图片地址。代码中粉红的数字是代表图片在日志里的左右位置，黄色数字是图片上下位置，绿色数字是图片的高度，紫色是图片的宽度，如果想在同位置放多个图片可适当的调小图片的宽度。一个音画日志需多张图片，需要多少图片即粘贴多少个代码，只要修改TOP里的尺寸就可以了，比如说第一张图片的高度是800，TOP的尺寸我们填0，那第二张图片尺寸我们填600，第三张填1200，如此类推，这样第一张和第二张图片才能融合没有间隙。注明：如果数据调整不合适可用负数，代码中的style=3是图片羽化形式，3是方形，改为2是圆形。
图片做好了开始添加文字，以下是文字穿越代码
<div style="POSITION: absolute; TOP: 200px; LEFT: 120px">
<P><FONT color=#ffcc00 size=5 face=楷体_GB2312><STRONG>写文字</STRONG></FONT> </p>
</div>
文字代码和图片代码差不多一样操作，粉红色数字是文字在日志中的高度，紫色数字是文字在日志中的左右位置，ffcc00 是文字颜色代码，size=5是文字大小，可自行调整，需要多少段文字即粘贴多少个代码即可。文字如想转行可在文字中添加<br/>即可转行。
<P><FONT color=#ffcc00 size=5 face=楷体_GB2312><STRONG>写文字</STRONG></FONT> </p>
</div>
文字代码和图片代码差不多一样操作，粉红色数字是文字在日志中的高度，紫色数字是文字在日志中的左右位置，ffcc00 是文字颜色代码，size=5是文字大小，可自行调整，需要多少段文字即粘贴多少个代码即可。文字如想转行可在文字中添加<br/>即可转行。
重点说明：以上操作全部在HTML状态下完成，每一步都需预览一下效果再继续下一步，必要时保存一下草稿，以免操作失误丢失之前的操作。
所有的步骤完成后添加音乐，再添加一些动画，即可完成一个视听觉都令人享受的精美日志了。下面附送一个无需黄钻的动画发表代码和隐藏QQ音乐播放器的代码。
动画发表代码
<DIV style="Z-INDEX: 1; LEFT: 0px; WIDTH: 0px; POSITION: absolute; TOP: 0px">
<DIV align=center><EMBED align="center><br/> <EMBED" src=//open.qzone.qq.com/url_check?appid=99&url=动画地址 width=870 height=600 type=application/x-shockwave-flash center="center" wmode="transparent" quality="high" invokeurls="false" allownetworking="internal" allowscriptaccess="never">
<P style="MARGIN: 0px"></P></DIV></DIV></DIV>
<DIV align=center><EMBED align="center><br/> <EMBED" src=//open.qzone.qq.com/url_check?appid=99&url=动画地址 width=870 height=600 type=application/x-shockwave-flash center="center" wmode="transparent" quality="high" invokeurls="false" allownetworking="internal" allowscriptaccess="never">
<P style="MARGIN: 0px"></P></DIV></DIV></DIV>
隐藏播放器代码
<DIV style="OVERFLOW: scroll; WIDTH: 21px; HEIGHT: 0px">
动画发表制作方法和图片代码差不多，我就不多说了，隐藏代码用法在此就简单的说一下吧，当添加了音乐后点击进入HTML状态后找到QQ音乐播放器代码，在播放器代码前面加上这个代码，要注意的是隐藏代码和播放器代码必须要放在日志的最后面，不然会把日志内容全部隐藏。
文章评论