教您写代码音画日志3（日志特效代码总汇）个人日记

教您写代码音画日志3（日志特效代码总汇）

个人日记

喜欢做音画的朋友越来越多，但有很多朋友还是找不到适合自己用的代码，一直想把我搜集来的代码送给朋友们，今天我把我常用的代码整理出来，送给初学的朋友们，希望会对你们有所帮助。

代码最基本知识

LEFT: 0px为横坐标，表示图片显示左右位置；TOP: 0px为纵坐标，表示图片显示的上下位置；

width=800表示图片的大小。

1，打开日志，用鼠标点写日志，【要点旧版编辑器】这时就出来制作日志的面板，在面板的右上角点“高级功能”，再点基本功能下面的“HTML”，这时在日志的空白处出现几个字母，要把这些字母全部删除掉。然后贴上下面的背景代码；<table style="BACKGROUND-IMAGE:url(背景地址)" title="代码创作唯诺祝你快乐" border="0" cellSpacing="20" borderColor="#cccccc" cellPadding="20" width="100%" bgColor="#ffffff" align="center"><TBODY><TR><TD height="5300">

背景图中的5300可以根据自己的需要任意增减。粘贴好背景地址后点预览，整个背景图片就出来了。点返回。

2，黏贴日志标题代码。标题移动文字代码；<DIV style="POSITION: absolute; TOP: 0px; LEFT: 0px">
<MARQUEE>
<P><SPAN style="FONT-FAMILY: 华文行楷; COLOR: red; FONT-SIZE: 60pt"><STRONG>写标题</STRONG></FONT></P></SPAN></MARQUEE></DIV>

固定标题文字代码；<div style="POSITION:absolute;TOP:10px;LEFT:0px">
<div style="FILTER:shadow(color=33cc33, strength=10);WIDTH:905px;HEIGHT:113px">
<P style="MARGIN:0px" align="center"><FONT style="FONT-VARIANT:normal;FONT-STYLE:normal;FONT-SIZE:30pt;FONT-WEIGHT:500" color="#f0e68c" face="=隶书">标题</FONT></p>
3 黏贴图片代码单图定位代码；<IMG title="" style="Z-INDEX: 3; FILTER: alpha(opacity=100,finishopacity=0,style=3); LEFT: 180px; POSITION: absolute; TOP: 16px" height=724 alt="" src="图片地址2" width=776>

双图并列定位代码；<IMG title="" style="Z-INDEX: 2; FILTER: alpha(opacity=100,finishopacity=0,style=3); LEFT: 400px; POSITION: absolute; TOP: 23px" height=780 alt="" src="图片地址" width=510>

4 单张图片向左滚动代码；<div style="POSITION: absolute; TOP: 50px; LEFT: 3px">
<div style="WRITING-MODE: rl-tb; WIDTH: 873px" alt="ygqt">
<MARQUEE><div align=right><A href="http://1846117719.qzone.qq.com/" target=_blank><IMG style="FILTER: alpha(opacity=100,style=3)" alt=ygqt src="图片地址" width=570 height=700></A></div></MARQUEE></div></div>

单张图片向右滚动代码；<div style="POSITION: absolute; TOP: 50px; LEFT: 3px">
<div style="FILTER: flipH WRITING-MODE: rl-tb; WIDTH: 873px" alt="ygqt"><MARQUEE><div align=left><A href="http://1846117719.qzone.qq.com/" target=_blank><IMG style="FILTER: flipH alpha(opacity=100,style=3)" alt=ygqt src="图片地址" width=570 height=700></A></div></MARQUEE></div></div>

单张图片向上滚动代码；<div style="POSITION: absolute; TOP: 50px; LEFT: 3px">
<div style="WRITING-MODE: tb-rl; HEIGHT: 360px" alt=ygqt><MARQUEE><div style="WRITING-MODE: lr-tb">
<div align=center><A href="http://1846117719.qzone.qq.com/" target=_blank><IMG style="FILTER: alpha(opacity=100,style=3)" alt=ygqt src="图片地址" width=500 height=720><BR></A></div></div></MARQUEE></div></div>

单张图片双向滚动代码；<div style="POSITION:absolute;TOP: 50px;LEFT:0px">
<div style="FILTER:flipH;WIDTH:1750px">
<MARQUEE><IMG style="FILTER:alpha(opacity=400,style=2);WIDTH:670px;

BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" border="0" alt="向右图片" src="图片地址">
<div style="POSITION:absolute;WIDTH:870px;HEIGHT:670px;TOP:0px;LEFT:5px">
<MARQUEE><div style="WRITING-MODE:lr-tb" align="center">
<P style="MARGIN:0.7em" alt=" " opacity="100,style=2);" background:="background:" width:="width:" none="none" transparent="transparent" scroll="scroll" repeat="repeat">

<IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:670px;

BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent"

alt="向左图片" src="图片地址"> </p></div></MARQUEE></div></div></div>

单张图片从中间向两边分开

单张图片向中合拢代码；<DIV style="POSITION: absolute; TOP: 50px; LEFT: 439px">
<DIV style="WIDTH: 467px">
<MARQUEE>
<TABLE style="BACKGROUND-IMAGE: url(图片地址); FILTER: alpha(opacity=800,style=2)" title=http://1846117719.qzone.qq.com/ border=0 cellSpacing=0 borderColor=#cccccc cellPadding=0 width=467 bgColor=#000000 align=center height=700>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></MARQUEE></DIV></DIV>
<DIV style="POSITION: absolute; TOP: 50px; LEFT: -28px">
<DIV style="FILTER: flipH; WIDTH: 467px">
<MARQUEE>
<TABLE style="BACKGROUND-IMAGE: url(图片地址); FILTER: alpha(opacity=800,style=2)" title=http://1846117719.qzone.qq.com/ border=0 cellSpacing=0 borderColor=#cccccc cellPadding=0 width=467 bgColor=#000000 align=center height=700>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></MARQUEE></DIV></DIV>

日志插入动画代码；<DIV align=center>
<DIV style="Z-INDEX: 1; POSITION: absolute; WIDTH: 0px; TOP: 10px; LEFT: 0px"><FONT color=#ff0000 size=1><EMBED height=600 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=870 src=放动画地址?say=唯诺音画 play="false" menu="false" loop="false" allowscriptaccess="never" allownetworking="none" invokeurls="false" wmode="transparent"></FONT></DIV></DIV></FONT>
<DIV></DIV><FONT color=#989898 face=Tahoma></FONT>

朋友们注意了，动画代码根据日志的需要可重复黏贴即可。

日志文字代码；<DIV style="POSITION: absolute; WIDTH: 250px; HEIGHT: 388px; TOP: 950px; LEFT: 30px">
<P style="MARGIN: 0.7em"><FONT color=#ffffff><FONT size=4 face=楷体_GB2312><STRONG><FONT size=5 face=楷体_GB2312>写一段文字 </FONT></STRONG><BR></FONT></P></DIV>

最后是隐藏音乐代码；<DIV style="OVERFLOW: scroll; WIDTH: 21px; HEIGHT: 0px">

具体操作方法朋友可参照本人日志（解密源代码，让您轻松写出漂亮日志）里面有详细解答。

今天就写这么多，望朋友们都能作出漂亮的音画。

编辑/唯诺祝朋友们开心快乐

不管事

教您写代码音画日志3（日志特效代码总汇）

文章评论