最新制作代碼音畫日記的主要代碼說 明最近我發(fā)覺很多朋友制作的代碼音畫日記其圖象都是變形失真的,,主要是所使用的代碼已經老化和陳舊,,不適應現(xiàn)在騰訊所推出的日記的代碼功能,。前不久我發(fā)表的《最新滾動圖片代碼》多次被搞亂,有的代碼失靈。為了使大家能很好的進行代碼音畫制作,我把制作代碼音畫的主要代碼進行了整理,,廢除了那些有害的部份,恢復了失靈的功能,,在這里發(fā)表,,希望大家能喜歡。這些代碼都是我一款一款的試驗審查過的,,請放心使用,。-----------------------------------------------------
一、萬能日記背景代碼
<table title=代碼創(chuàng)作《幽靜家園》祝你快樂 style="BACKGROUND-IMAGE:
url(背景素材)" borderColor=#cccccc cellSpacing=20 cellPadding=20 width="100%" align=center bgColor=#ffffff border=0><TR><TD height=日記長度> 在這里上傳圖片代碼,、文字代碼,、定位代碼,,然后把背景素材地址,、圖片地址粘貼進代碼,,把日記長度、文字寫進 代碼里,。具體制作請參閱:《怎樣制作HTML代碼音畫日記教程(九)》,,制作完成后把這里的字刪掉就行了。 <P align=center></p></STRONG></FONT></FONT></div> </STRONG></FONT></div></TD></TR> 二,、羽化圖片代碼(包括定位在內)
(靜止的)
一張圖片的代碼
<DIV style="POSITION: absolute; TOP: 50px; LEFT: 50px">
<CENTER><IMG style="FILTER: alpha(opacity=100,style=2); WIDTH: 855px; BACKGROUND: none transparent scroll
"FILTER: alpha(opacity=100,style=2)" src="圖片地址" width=300> <IMG style="FILTER: alpha(opacity=100,style=2)" src="圖片地址" width=300></CENTER>三張圖片的代碼 <div style="POSITION:absolute;TOP:150px;LEFT:0px"><CENTER><IMG style=
"FILTER: alpha(opacity=100,style=2)" src="圖片地址" width=250> <IMG style= "FILTER: alpha(opacity=100,style=2)" src="圖片地址" width=250><IMG style= "FILTER: alpha(opacity=100,style=2)" src="圖片地址" width=250></CENTER> 四張圖片的代碼
<div style="POSITION:absolute;TOP:150px;LEFT:0px"><CENTER><IMG style= "FILTER: alpha(opacity=100,style=2)" src="圖片地址" width=200> <IMG style= "FILTER: alpha(opacity=100,style=2)" src="圖片地址" width=200><IMG style=
"FILTER: alpha(opacity=100,style=2)" src="圖片地址" width=200><IMG style= "FILTER: alpha(opacity=100,style=2)" src="圖片地址" width=200></CENTER>
(動態(tài)的)
單張圖片向右滾動的代碼<div style="POSITION:absolute;TOP:150px;LEFT:0px">
<table width="890" align="center"> <TBODY><TR><TD style="FILTER:flipH"><MARQUEE> <table align="center"> <TBODY><TR><TD><P align="center"></p> <IMG style="FILTER:alpha(opacity=400,style=2)" src="圖片地址"idx="向右圖片" background:none="background:none"> </TD></TR></TBODY><P></p> </TD></TR></TBODY></TD></TR></TBODY></TD></TR></TBODY>單張向左滾動的代碼 <div style="POSITION:absolute;WIDTH:890px;TOP:810px;LEFT:0px"><MARQUEE> <div style="WRITING-MODE:lr-tb" align="center"><P opacity="100,style=3);" alt=" " background:="background:"width:="width:" none="none" transparent="transparent" scroll="scroll" repeat="repeat"><IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:450px;BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="圖片" src="圖片地址"></p></div></MARQUEE><br/></div> 單張圖片雙向滾動代碼
<div style="POSITION:absolute;TOP:-100px;LEFT:0px"> <IMG style="FILTER:alpha(opacity=400,style=2);WIDTH:670px;BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" border="0" alt="向右圖片" src=""圖片地址"></MARQUEE></div><div style="POSITION:absolute; WIDTH:870px;HEIGHT:670px;TOP:0px;LEFT:5px"><MARQUEE> <P style="MARGIN:0.7em" opacity="100,style=2);" repeat="repeat" scroll="scroll" transparent="transparent" none="none" width:="width:" background:="background:" alt=" "><IMG style="FILTER: alpha(opacity=100,style=2);WIDTH:670px;BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="向左圖片" src="圖片地址"> </p> 制作效果:http://user.qzone.qq.com/2535904711/blog/1344523603
多張圖片雙向滾動代碼
<div style="POSITION:absolute;WIDTH:1550px;HEIGHT:850px;TOP:0px;LEFT:0px">
制作效果:http://user.qzone.qq.com/2535904711/blog/1345022336
非羽化單張圖片向中合攏的代碼
<div style="POSITION:absolute;TOP:250px;LEFT:0px"> 制作效果:http://user.qzone.qq.com/2535904711/blog/1345542836
羽化的單張圖片向中合攏的代碼
<div style="POSITION:absolute;TOP:150px;LEFT:0px">
<table width="890" align="center"> <TBODY><TR><TD style="FILTER:flipH" width="600"><MARQUEE> <table width="600" align="center"> <TBODY><TR><TD><P align="center"></p><table align="center"> <TBODY><TR><TD><IMG style="FILTER:alpha(opacity=400,style=2)" src="圖片地址" idx="向右圖片" background:none="background:none">
</TD></TR></TBODY><P></p>
</TD></TR></TBODY></TD></TR></TBODY></TD></TR></TBODY> <div style="POSITION:absolute;TOP:550px;LEFT:0px"></div> </TD></TR></TBODY></TD></TR></TBODY> </TD></TR></TBODY></MARQUEE></TD><TD width="600"><MARQUEE> <table width="600" align="center"> <TBODY><TR><TD><P align="center"></p><table align="center"> <TBODY><TR><TD><IMG style="FILTER:alpha(opacity=400,style=2)" src="圖片地址" idx="向左圖片" background:none="background:none">
</TD></TR></TBODY><P style="MARGIN:0px"></p>
</FONT><div></div> 非羽化多張圖片向中合攏代碼
<div style="POSITION:absolute;TOP:0px;LEFT:0px"> <table width="800" align="center"><TBODY><TR><TD style="FILTER:flipH" width="0"><MARQUEE> <table align="center"><TBODY><TR><TD><IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="圖片地址" idx="1"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="圖片地址" idx="2"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="圖片地址" idx="3"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="圖片地址" idx="4"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="圖片地址" idx="5"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="圖片地址" idx="6"></TD></TR></TBODY><P></p> <table align="center"><TBODY><TR><TD><IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="圖片地址" idx="-1"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="圖片地址" idx="-2"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="圖片地址" idx="-3"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="圖片地址" idx="-4"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="圖片地址" idx="-5"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="圖片地址" idx="-6"></TD></TR></TBODY><P></p> </TBODY><P></p><div></div> </TR><TBODY></TBODY>
制作效果:http://user.qzone.qq.com/2535904711/blog/1346295041
多張羽化圖片向中合攏的代碼
<div style="POSITION:absolute;TOP:0px;LEFT:0px"> <table width="800" align="center"><TBODY><TR><TD style="FILTER:flipH" width="0"><MARQUEE> <table align="center"><TBODY><TR><TD> <IMG style="FILTER:alpha(opacity=400,style=2)" src="圖片地址" idx="1"> <IMG style="FILTER:alpha(opacity=400,style=2)" src="圖片地址" idx="2"> <IMG style="FILTER:alpha(opacity=400,style=2)" src="圖片地址" idx="3"> <IMG style="FILTER:alpha(opacity=400,style=2)" src="圖片地址" idx="4"> <IMG style="FILTER:alpha(opacity=400,style=2)" src="圖片地址" idx="5"> <IMG style="FILTER:alpha(opacity=400,style=2)" src="圖片地址" idx="6"></TD></TR></TBODY><P></p> <table align="center"><TBODY><TR><TD> <IMG style="FILTER:alpha(opacity=400,style=2)" src="圖片地址" idx="-1"> <IMG style="FILTER:alpha(opacity=400,style=2)" src="圖片地址" idx="-2"> <IMG style="FILTER:alpha(opacity=400,style=2)" src="圖片地址" idx="-3"> <IMG style="FILTER:alpha(opacity=400,style=2)" src="圖片地址" idx="-4"> <IMG style="FILTER:alpha(opacity=400,style=2)" src="圖片地址" idx="-5"> <IMG style="FILTER:alpha(opacity=400,style=2)" src="圖片地址" idx="-6"></TD></TR></TBODY><P></p> </TBODY><P></p><div></div> </TR><TBODY></TBODY>
單張圖片從中間向兩邊分開
<div style="POSITION:absolute;TOP:0px;LEFT:0px"> borderColor="#cccccc" cellPadding="0" width="533" bgColor="#000000" align="center" height="700"><TBODY><TR><TD></TD></TR></TBODY> cellSpacing="0" borderColor="#cccccc" cellPadding="0" width="533" bgColor="#000000" align="center" height="700"><TBODY><TR><TD></TD></TR><div>
制作效果:http://user.qzone.qq.com/2535904711/blog/1347263177
|
|
來自: 昵稱12635880 > 《制作音畫日志編輯整理》