注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

807228714的博客

 
 
 

日志

 
 
 
 

无痕老师代码音画《三生石上、今生共流离》  

2014-01-06 10:48:13|  分类: 代码制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 
         【三生石上,今生共流离】特效代码音画


透明底图代码
<table  width=870 height=100 align="center"><TBODY><TR><TD></TD></TR></TBODY></table>


背景色素
bgColor="e41b08"


双线边框
style="BORDER-BOTTOM:#f6d10b 10px double;BORDER-LEFT:#f6d10b 10px double;BORDER-TOP:#f6d10b 10px double;BORDER-RIGHT:#f6d10b 10px double"


图片缩放尺寸代码:
style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=2,src='图片地址', sizingMethod='scale')" 


上下边羽化 其它不羽化
style="FILTER:  Alpha(Opacity=0,FinishOpacity=100 Style=1 StartX=100, FinishX=100, StartY=0, FinishY=30) Alpha(Opacity=100,FinishOpacity=0 Style=1 StartX=100, FinishX=100, StartY=70, FinishY=100)  "


移动代码:
<MARQUEE></MARQUEE>


翻转滤镜
style="filter: flipH;"


贴图代码:
<IMG src="图片地址" width="850">


左矩阵代码:
style="FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M12=-0.4, M21=-0.4 , M22=1,SizingMethod='auto expand') "


图 1  850   610
http://b399.photo.store.qq.com/psb?/V14Os8Pl3fTEbP/SyjO1LiWcyWq1JiKLLmOBn1.TwX3efwoKRoJBZfApcw!/b/dDRK2u0gBQAA&bo=ngKaAQAAAAADACI!&rf=photoDetail

图 2  850   610

http://b400.photo.store.qq.com/psb?/V14Os8Pl3fTEbP/mTzzAjj4wAS5cnumf6SVsUzuGrJgWn34LRMpuKvvQZE!/b/dHvgde70EAAA&bo=ngKaAQAAAAADACI!&rf=photoDetail


大图1里的

与众不同的特效移动代码
<table width="520" align="center" height="260" alt="ygqt">
<TBODY><TR><TD>
<table width="260" align="center" height="260" alt="ygqt">
<TBODY><TR><TD height="5" width="260"></TD></TR><TR><TD height="150" width="260">
<div style="FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M22=1, M12=0.4 M21=0.4,SizingMethod='auto expand');WIDTH:260px;HEIGHT:150px;J:CH">
<div style="FILTER:flipH;WIDTH:260px;HEIGHT:150px"><MARQUEE>
<table align="center" alt="【上左】">
<TBODY><TR><TD><IMG style="FILTER:alpha(opacity=100,style=0) flipH" src="图片地址" height="144"></TD></TR></TBODY>
</table></MARQUEE></div></div>
</TD></TR><TR><TD height="105" width="260"></TD></TR></TBODY></table>
</TD><TD height="260" width="260">
<div style="FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M12=-0.4, M21=-0.4 , M22=1,SizingMethod='auto expand');WIDTH:150px;HEIGHT:260px;J:CH">
<div style="FILTER:flipH;WRITING-MODE:tb-rl;HEIGHT:260px"><MARQUEE>
<table align="center" alt="【上右】 ">
<TBODY><TR><TD><IMG style="FILTER:alpha(opacity=100,style=0) FlipV" src="图片地址" width="144"> </TD></TR></TBODY>
</table></MARQUEE></div></div></TD></TR></TBODY></table>
<table width="520" align="center" height="260" alt="ygqt"><TBODY><TR><TD>
<table width="260" align="center" height="260" alt="ygqt">
<TBODY><TR><TD height="260" width="5"></TD><TD vAlign="top">
<div style="FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M12=-0.4, M21=-0.4 , M22=1,SizingMethod='auto expand');WIDTH:150px;HEIGHT:260px;J:CH">
<div style="WRITING-MODE:tb-rl;HEIGHT:260px"><MARQUEE>
<table align="center" alt="【下左】">
<TBODY><TR><TD><IMG style="FILTER:alpha(opacity=100,style=0)" src="图片地址" width="144"> </TD></TR></TBODY>
</table></MARQUEE></div></div></TD></TR></TBODY></table></TD><TD>
<table width="260" align="center" height="260" alt="ygqt">
<TBODY><TR><TD height="150" vAlign="top" width="260">
<div style="FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M22=1, M12=0.4 M21=0.4,SizingMethod='auto expand');WIDTH:260px;HEIGHT:150px;J:CH"><MARQUEE>
<table align="center" alt="【下右】">
<TBODY><TR><TD><IMG style="FILTER:alpha(opacity=100,style=0)" src="图片地址" height="144"></TD></TR></TBODY>
</table></MARQUEE></div></TD></TR></TBODY>
</table><P style="MARGIN:150px"></p> </TD></TR></TBODY></table>


大图3里的

与众不同的特效移动代码
 <table  width="650"  align="center" height="500" alt="ygqt">
<TBODY><TR><TD  vAlign="top" width="325">
<div style="BORDER-BOTTOM:#cccccc 1px ridge;FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M22=1, M12=0 M21=0.3,SizingMethod='auto expand') flipH;WIDTH:325px;HEIGHT:150px;BORDER-TOP:#cccccc 1px ridge;J:CH"><MARQUEE>
<table style="BORDER-BOTTOM:#cccccc 3px dashed;BORDER-TOP:#cccccc 3px dashed" align="center" alt="【上左】">
<TBODY><TR><TD><IMG style="FILTER:alpha(opacity=100,style=0)" src="图片地址" height="144"> </TD></TR></TBODY>
</table></MARQUEE></div></TD><TD  vAlign="top" width="325">
<div style="BORDER-BOTTOM:#cccccc 1px ridge;FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M22=1, M12=0 M21=-0.3,SizingMethod='auto expand') flipH;WIDTH:325px;HEIGHT:150px;BORDER-TOP:#cccccc 1px ridge;J:CH"><MARQUEE>
<table style="BORDER-BOTTOM:#cccccc 3px dashed;BORDER-TOP:#cccccc 3px dashed" align="center" alt="【上右】">
<TBODY><TR><TD><IMG style="FILTER:alpha(opacity=100,style=0)" src="图片地址" height="144"> </TD></TR></TBODY>
</table></MARQUEE></div></TD></TR><TR><TD  vAlign="top" width="325">
<div style="BORDER-BOTTOM:#cccccc 1px ridge;FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M22=1, M12=0 M21=0.3,SizingMethod='auto expand');WIDTH:325px;HEIGHT:150px;BORDER-TOP:#cccccc 1px ridge;J:CH"><MARQUEE>
<table style="BORDER-BOTTOM:#cccccc 3px dashed;BORDER-TOP:#cccccc 3px dashed" align="center" alt="【下左】">
<TBODY><TR><TD><IMG style="FILTER:alpha(opacity=100,style=0)" src="图片地址" height="144"></TD></TR></TBODY>
</table></MARQUEE></div></TD><TD  vAlign="top" width="325">
<div style="BORDER-BOTTOM:#cccccc 1px ridge;FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M22=1, M12=0 M21=-0.3,SizingMethod='auto expand');WIDTH:325px;HEIGHT:150px;BORDER-TOP:#cccccc 1px ridge;J:CH"><MARQUEE>
<table style="BORDER-BOTTOM:#cccccc 3px dashed;BORDER-TOP:#cccccc 3px dashed" align="center" alt="【下右】">
<TBODY><TR><TD><IMG style="FILTER:alpha(opacity=100,style=0)" src="图片地址" height="144"> </TD></TR></TBODY>
</table></MARQUEE></div></TD></TR></TBODY></table>

 

 


文3***在第二个大图片

<table width="500" align="center">
<tbody><tr><td align="center"><font style="FONT-SIZE:18pt" color="#edd0db" face="隶书">回首,一起走过的日子,<br/>
自我们踏上缘分轮回的开始,<br/>
到如今褪下往昔的尘嚣,<br/>
几多缤纷,几许花红,<br/>
构成了执子之手,与子偕老的传奇。<br/>
十指交扣,桃花为盟,闭上眼睛,<br/>
我便能感受到你款款的嫣然,<br/>
缓缓地步入青石路上,<br/>
最是那回眸一笑惊艳了唯美的诗行,<br/>
我却不敢落墨,怕一执笔就会老去。</font></td></tr></tbody>
</table>


小标题:

<table width="796" align="center">
<TBODY><TR><TD align="middle"><FONT style="FONT-SIZE:27pt" color="#edd0db" face="隶书">素材/网络 编辑/网名 指导老师/网名</FONT>
</TD></TR></TBODY></table>


文字1***

<div style="POSITION:absolute;TOP:250px;LEFT:10px">
<table width="500" align="center">
<TBODY><TR><TD align="middle"><FONT style="FONT-SIZE:18pt" color="#edd0db" face="隶书">你是我朝思暮想的笔尖倾城女子,<br/>
在烟雨江南里成就了我今生的最美,<br/>
你飘逸的三千青丝成全了我的繁华一世。<br/>
共一场倾城之恋,<br/>
把琴瑟和鸣的满怀谱写成不朽传奇。<br/>
从此,三生石上,今生共流离。</FONT></TD></TR></TBODY>
</table>
</div>


文字2***=

<div style="POSITION:absolute;TOP:600px;LEFT:195px">
<table width="500" align="center">
<TBODY><TR><TD align="middle"><FONT style="FONT-SIZE:18pt" color="#edd0db" face="隶书">你带着一份情暖走进我心房。<br/>
从此,我的红尘,百花绮艳,<br/>
花丛中你是最美的一朵。<br/>
在对的时间里,我遇见了最美的你。<br/>
倾尽一生,只为这一场绚烂的花开;<br/>
守候一世,只为珍惜一个多愁善感的你;<br/>
挥毫泼墨,只想把所有的眷恋都写进流年。<br/>
红尘深锁,只缘感伊一回顾;展颜轻笑,<br/>
此生定不负相思意;莫失莫忘,<br/>
你若不离,我便生死相依。</FONT></TD></TR></TBODY>
</table></div>


文字4***

<div style="POSITION:absolute;TOP:1780px;LEFT:10px">
<table width="500" align="center">
<TBODY><TR><TD align="middle"><FONT style="FONT-SIZE:18pt" color="#edd0db" face="隶书">光年转角,我们等待一场遇见;<br/>
流年末世,我们遇见一场花开。<br/>
我把心花种在心间,细心呵护,<br/>
真诚浇灌,寒风吹来衣衫挡,<br/>
寂寞长夜碎语陪。只待花开时,<br/>
馨香盈怀袖,娇妍笑春风,<br/>
春来百花齐放时,<br/>
为你静绽一隅的美丽。<br/>
此刻,面朝大海,陌上花开,<br/>
蝴蝶翩飞,愿许一生,朝暮同序, <br/>
举杯相约,琴瑟和鸣。<br/>
看云卷云舒、花开花落,<br/>
直到双鬓白,容颜老去.....</FONT></TD></TR></TBODY>
</table>
</div>

 

音乐

<div style="POSITION:absolute;TOP:0px;LEFT:1200px">
<div>&nbsp;<object codeBase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab#version=8,0,0,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="410" height="100" src="http://ctc.qzs.qq.com/music/musicbox_v2_1/img/MusicFlash.swf" bgcolor="#ffffff" menu="true" allowScriptAccess="always" name="musicFlash**" id="musicFlash0" ubb="1264977|3|http://stream2.qqmusic.qq.com/1264977.wma|今生|42150|陈文娅|1" class="blog_music"><param name="movie" value="http://ctc.qzs.qq.com/music/musicbox_v2_1/img/MusicFlash.swf" /><param name="data" value="http://ctc.qzs.qq.com/music/musicbox_v2_1/img/MusicFlash.swf" /><param name="bgColor" value="#ffffff" /><param name="wmode" value="transparent" /><param name="menu" value="true" /><param name="allowScriptAccess" value="always" /></object> </div>
</div>

  评论这张
 
阅读(2)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017