今晚讲课——代码音画制作：美文欣赏《素色女子暖倾城》作者：浅月若寒

日志编辑





图片

图片

图片

图片


图片

图片

图片

图片

图片

图片



一，背景边框代码
<div>
<div>
<table style="BACKGROUND-IMAGE:url(http://ugc.qpic.cn/adapt/0/7a2dcb57-05ed-e240-7deb-e939d76c06ba/0);WIDTH:870px;HEIGHT:4350px" title="凤舞九天音画制作//QQ1754641420" border="0" cellSpacing="10" borderColor="#cccccc" cellPadding="10" width="870" bgColor="#ffffff" align="center">
<TBODY><TR><TD>
<table style="BACKGROUND-IMAGE:url(http://b55.photo.store.qq.com/http_imgload.cgi?/rurl4_b=cf7f08972b579efc53afd5a393e29334e9fae281aa4ffdb645ef5a67c204a3f238f5030d59eeccfa6442ed37b80a6d4b1b4cec0a46480c8059ac39066ff7d13ff75967ba9f3fb2265784b5bc2278a4cc8c3a4f12&a=54&b=55);WIDTH:844px;HEIGHT:4310px" title=" 凤舞九天音画制作//QQ1754641420" border="0" cellSpacing="5" borderColor="#cccccc" cellPadding="5" width="844" bgColor="#ffffff" align="center">
<TBODY><TR><TD>
<table style="BACKGROUND-IMAGE:url(http://b96.photo.store.qq.com/psb?/V11glnFs2IbmRK/cvyjN4k9z08GFM20Fad*32EV*dEi.OuZZgUKrxYafSY!/b/YUUkQzkaPAAAYuC*Rzk*DQAA&bo=IgBiAAAAAAACAGQ!&su=0108348385&rf=2-9);WIDTH:833px;HEIGHT:4300px" title=" 凤舞九天音画制作//QQ1754641420" border="0" cellSpacing="5" borderColor="#cccccc" cellPadding="5" width="833" bgColor="#ffffff" align="center">
<TBODY><TR><TD>
<table style="BACKGROUND-IMAGE:url(http://b55.photo.store.qq.com/http_imgload.cgi?/rurl4_b=cf7f08972b579efc53afd5a393e29334e9fae281aa4ffdb645ef5a67c204a3f238f5030d59eeccfa6442ed37b80a6d4b1b4cec0a46480c8059ac39066ff7d13ff75967ba9f3fb2265784b5bc2278a4cc8c3a4f12&a=54&b=55);WIDTH:808px;HEIGHT:4270px" title=" 凤舞九天音画制作//QQ1754641420" border="0" cellSpacing="5" borderColor="#cccccc" cellPadding="5" width="808" bgColor="#ffffff" align="center">
<TBODY><TR><TD>
<table title="凤舞九天音画制作//QQ1754641420" border="0" cellSpacing="0" borderColor="#cccccc" cellPadding="0" width="796" bgColor="#000093" align="center" height="4260">
<TBODY><TR><TD><br/>
</TD></TR></TBODY>
</table>
</TD></TR></TBODY>
</table>
</TD></TR></TBODY>
</table>
</TD></TR></TBODY>
</table>
</TD></TR></TBODY>
</table>
</div>
二，图片穿越代码（10张图片）

<div style="POSITION:absolute;TOP:60px;LEFT:60px"> title="凤舞九天音画制作//QQ1754641420"><CENTER><A href="http://user.qzone.qq.com/1754641420/infocenter#home" target="_blank"><IMG style="FILTER:alpha(opacity=200,style=3);WIDTH:455px;HEIGHT:604px" src="图片地址" width="850" height="1002"></A> </CENTER></div>
三，文字代码（4段）
<div style="POSITION:absolute;WIDTH:450px;HEIGHT:746px;TOP:650px;LEFT:40px"><P style="MARGIN:0.7em"><FONT color="#ffcc00" size="4" face="隶书_GB2312"><STRONG><FONT size="4">&nbsp;&nbsp;&nbsp;<FONT style="FILTER:glow(color=#303030,strength=3);WIDTH:450px;DISPLAY:inline-block;HEIGHT:547px;COLOR:#ffffff" glowcolor="#000000">文字第一段</FONT></FONT></STRONG></FONT></p>
</div>
四，链接代码
<div style="LEFT:220px;POSITION:absolute;TOP:4450px">
<P style="MARGIN:0px" align="center"><FONT
face="楷体_GB2312" color="#ffcc00">
<STRONG><FONT color="#ed04fb">
<FONT class="f14" style="FONT-SIZE:16px;TEXT-ALIGN:center"
color="#ffff00" p="p"><A href=" http://user.qzone.qq.com/1754641420/infocenter"
target="_blank" a="a"><FONT size="6">
<IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;
WIDTH:49px;HEIGHT:23px;background-color:transparent"
height="48" alt="图片" src=" http://b76.photo.store.qq.com/psu?/8ae30019-5c09-49fc-8e1f-5291b077b4b0/d.JOCV4dsn2l3KfwCpibSCctp9lajwptXgYgi0geiMI!/b/YYsPYi1GcwAAYpeRYC0pcwAA&su=0194799073&rf=2-9"
width="48" quotetimer="159351314" fakesize="1" bloaded="true">
</FONT></A><A href=" http://user.qzone.qq.com/1754641420/infocenter#!"
target="_blank"><STRONG>
<FONT size="6"><FONT color="#9a99f1">点</FONT>
<FONT color="#9a99f1">击</FONT>
<FONT color="#9a99f1">进</FONT>
<FONT color="#9a99f1">入</FONT>
<FONT color="#9a99f1">凤</FONT>
<FONT color="#9a99f1">舞</FONT>
<FONT color="#9a99f1">九</FONT>
<FONT color="#9a99f1">天</FONT>
<FONT color="#9a99f1">空</FONT>
<FONT color="#9a99f1">间</FONT>
</FONT></STRONG></A></FONT>
</FONT></STRONG>
</FONT>
</p>

五，音乐隐藏代码
<div style="POSITION:absolute;LEFT:-1370px">

六，向右拉幕文字代码（标题 ）
<div style="POSITION:absolute;TOP:10px;LEFT:70px">
<table style="FILTER:progid:DXImageTransform.Microsoft.Glow(color=#9900FF,strength=10);WIDTH:720px">
<TBODY><TR><TD>
<div style="FILTER:flipH" alt="ygqt"><MARQUEE>
<div style="FILTER:flipH" alt="ygqt"><MARQUEE>
<div align="center" width="720"><FONT style="WIDTH:100%;FONT-FAMILY:华文行楷;FONT-SIZE:35pt" color="#ffffff" alt="ygqt">文章标题<br/>
</FONT></div>
</MARQUEE></div>
</MARQUEE></div>
</TD></TR></TBODY>
</table>
</div>
七，特效图片代码
（矩阵效果）
 <div style="BORDER-BOTTOM:#006030 12px ridge;POSITION:absolute;FILTER:progid:DXImageTransform.Microsoft.Matrix(M11=0.35, M12=0.35, M21=-0.35 , M22=0.35,SizingMethod='auto expand');BORDER-LEFT:#006030 12px ridge;WIDTH:360px;HEIGHT:360px;BORDER-TOP:#006030 12px ridge;TOP:1080px;BORDER-RIGHT:#006030 12px ridge;LEFT:180px;J:CH"><MARQUEE>
<table align="center" alt="ygqt">
<TBODY><TR><TD><IMG style="FILTER:alpha(opacity=100,style=0)flipH" src="图片地址" height="360"><IMG style="FILTER:alpha(opacity=100,style=0)" src="图片地址" height="360"><IMG style="FILTER:alpha(opacity=100,style=0)flipH" src="图片地址" height="360"><IMG style="FILTER:alpha(opacity=100,style=0)" src="图片地址" height="360"> </TD></TR></TBODY>
</table>
</MARQUEE></div>
<div style="BORDER-BOTTOM:#006030 12px ridge;POSITION:absolute;FILTER:progid:DXImageTransform.Microsoft.Matrix(M11=0.35, M12=0.35, M21=-0.35 , M22=0.35,SizingMethod='auto expand');BORDER-LEFT:#006030 12px ridge;WIDTH:360px;HEIGHT:360px;BORDER-TOP:#006030 12px ridge;TOP:900px;BORDER-RIGHT:#006030 12px ridge;LEFT:180px;J:CH"><MARQUEE>
<table align="center" alt="ygqt">
<TBODY><TR><TD><IMG style="FILTER:alpha(opacity=100,style=0)flipH" src="图片地址" height="360"><IMG style="FILTER:alpha(opacity=100,style=0)" src="图片地址" height="360"><IMG style="FILTER:alpha(opacity=100,style=0)flipH" src="图片地址" height="360"><IMG style="FILTER:alpha(opacity=100,style=0)" src="图片地址" height="360"> </TD></TR></TBODY>
</table>
</MARQUEE></div>
效果图地址 ：
 

文章评论

梅-

辛苦平凡老师啦，[em]e160[/em] [em]e179[/em]

*//凤舞九天*//

[ft=,5,][/ft]二，图片穿越代码（10张图片） <div style="POSITION:absoluteTOP:60pxLEFT:60px" title="凤舞九天音画制作//QQ1754641420"><CENTER><A href="[url=http://user.qzone.qq.com/1754641420/infocenter#home]http://user.qzone.qq.com/1754641420/infocenter#home[/url]" target="_blank"><IMG style="FILTER:alpha(opacity=200,style=3)WIDTH:455pxHEIGHT:604px" src="[url=http://b258.photo.store.qq.com/psb?/V12AZ9Ve31fjaD/503CtRo3ufGWGSshq3b.q8SItGTX4mo9pe14Oy3T61M!/b/dAb50JkyAQAA&ampampbo=gALAAwAAAAABAGY!&ampamprf=photoDetail]图片地址[/url]" width="850" height="1002"></A> </CENTER></div>————修改一下，上面的错了 [ft=,5,][/ft]

*☆*飘雪*☆*

[url=http://piccache4.soso.com/face/_1204368046035943854][img,50,60]http://piccache4.soso.com/face/_1204368046035943854[/img][/url][/M][/M][/M][/M][/M][/M][/M][/M][/M] [ft=,1,] [M][url=http://imgsrc.soso.com/imgget.q?id=b6d0ed7b78c36f4bab819c0a3157f0bd][img]http://imgsrc.soso.com/imgget.q?id=b6d0ed7b78c36f4bab819c0a3157f0bd[/img][/url][/M] [/ft][ft=,1,] [M][M][ft=#ff0000,4,][ft=,2,&amp][ft=,,2,][ft=#555555,,][ft=#666666,,][ft=#ffff00,3,]┈┾ ㄣ[/ft][/ft][/ft][/ft][/ft]一份不悔的相识【雪儿[/ft][ft=#00b0f0,4,]拜访】一丝真心的牵挂[ft=#00b050,,].....[/ft][/ft][/M][/M] [/ft][ft=,1,][ft=,4,][/ft] [ft=,1,] [M][/M] [R][url=http://soso1.gtimg.cn/sosopic/0/11720156230358811288/640][img]http://soso3.gtimg.cn/sosopic/0/6121624705031709049/640?pt=3&ek=1&kp=1&sce=0-12-12[/img][/url][/R] [/ft][/ft]

*☆*飘雪*☆*

[url=http://piccache4.soso.com/face/_1204368046035943854][img,50,60]http://piccache4.soso.com/face/_1204368046035943854[/img][/url][/M][/M][/M][/M][/M][/M][/M][/M][/M] [ft=,1,] [M][url=http://imgsrc.soso.com/imgget.q?id=b6d0ed7b78c36f4bab819c0a3157f0bd][img]http://imgsrc.soso.com/imgget.q?id=b6d0ed7b78c36f4bab819c0a3157f0bd[/img][/url][/M] [/ft][ft=,1,] [M][M][ft=#ff0000,4,][ft=,2,&amp][ft=,,2,][ft=#555555,,][ft=#666666,,][ft=#ffff00,3,]┈┾ ㄣ[/ft][/ft][/ft][/ft][/ft]一份不悔的相识【雪儿[/ft][ft=#00b0f0,4,]拜访】一丝真心的牵挂[ft=#00b050,,].....[/ft][/ft][/M][/M] [/ft][ft=,1,][ft=,4,][/ft] [ft=,1,] [M][/M] [R][url=http://soso1.gtimg.cn/sosopic/0/11720156230358811288/640][img]http://soso3.gtimg.cn/sosopic/0/6121624705031709049/640?pt=3&ek=1&kp=1&sce=0-12-12[/img][/url][/R] [/ft][/ft]

*☆*飘雪*☆*

[url=http://piccache4.soso.com/face/_1204368046035943854][img,50,60]http://piccache4.soso.com/face/_1204368046035943854[/img][/url][/M][/M][/M][/M][/M][/M][/M][/M][/M] [ft=,1,] [M][url=http://imgsrc.soso.com/imgget.q?id=b6d0ed7b78c36f4bab819c0a3157f0bd][img]http://imgsrc.soso.com/imgget.q?id=b6d0ed7b78c36f4bab819c0a3157f0bd[/img][/url][/M] [/ft][ft=,1,] [M][M][ft=#ff0000,4,][ft=,2,&amp][ft=,,2,][ft=#555555,,][ft=#666666,,][ft=#ffff00,3,]┈┾ ㄣ[/ft][/ft][/ft][/ft][/ft]一份不悔的相识【雪儿[/ft][ft=#00b0f0,4,]拜访】一丝真心的牵挂[ft=#00b050,,].....[/ft][/ft][/M][/M] [/ft][ft=,1,][ft=,4,][/ft] [ft=,1,] [M][/M] [R][url=http://soso1.gtimg.cn/sosopic/0/11720156230358811288/640][img]http://soso3.gtimg.cn/sosopic/0/6121624705031709049/640?pt=3&ek=1&kp=1&sce=0-12-12[/img][/url][/R] [/ft][/ft]

真诚好友

[m] And lonely.again [M][R][img]http://b399.photo.store.qq.com/psb?/V11cuLDC3uzqql/fb.ee0QqpZW5wqda8vNAxyUsMZayoi0Am8B2K2Vds8M!/b/dHVt4O1OFQAA&bo=3AAYAQAAAAACAOE!&rf=photoDetail[/qqshow][/R][/M]