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

807228714的博客

 
 
 

日志

 
 
 
 

云烟老师代码【长夜孤人】  

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

  下载LOFTER 我的照片书  |

【长夜孤人】~~~过眼云烟制作

效果图地址  http://user.qzone.qq.com/1824037683/blog/1385361904

第一部分,边框

垂直居右的属性 valign=right  对齐前面加v,等号后面居中换成右就行了

垂直居顶的属性 valign="top"   

对齐居右的属性 align="right"

垂直居中的属性 align=center

 

透明底图源代码

<TABLE    width="870" align=center height=100  title="代码编辑过眼云烟" >
<TBODY><TR><TD></TD></TR></TBODY></TABLE>


背景底图源代码:

<TABLE style="BACKGROUND-IMAGE: url(背景素材);"width="870" align=center height=100>
<TBODY><TR><TD></TD></TR></TBODY></TABLE>

背景颜色      bgColor="#0b05ba"

左,右边框图地址

http://b256.photo.store.qq.com/psb?/V100zwV20NEGut/ktBk0e1pRUYJ7eQHYH1LtUiB.ZH3CRXgepUcd.k7Hss!/b/dDwjnpj2KgAA&bo=QgC0AQAAAAABANA!&rf=photoDetail

上,下边框图地址

http://b255.photo.store.qq.com/psb?/V100zwV20NEGut/9zToNihTBPAxRBt105ZcX6NTBlVn6wA6ol586TFn8Cs!/b/dMwkCpjCLwAA&bo=tAFCAAAAAAABANA!&rf=photoDetail


第二部分中间内容


图片缩放+羽化

style="FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=2,src=' 图片地址 ', sizingMethod='scale')  Alpha(Opacity=60,FinishOpacity=0 Style=3) Alpha(Opacity=50,FinishOpacity=0 Style=4)  progid:DXImageTransform.Microsoft.Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, FinishX=0, StartY=0, FinishY=20) progid:DXImageTransform.Microsoft.Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, FinishX=0, StartY=80, FinishY=100)"

羽化代码

<IMG src="图片地址" width="338" height="680">

图片地址1

http://b255.photo.store.qq.com/psb?/V100zwV22S2OZ4/C9wugpamqkW03ecIISNV1nQtxDFO9qacL7LeKxV.X4E!/b/dK1GDZh.LgAA&bo=ngJsAgAAAAABANU!&rf=photoDetail

小图1

http://b255.photo.store.qq.com/psb?/V100zwV21WoC1l/i3DPUrtAhcvDYI.IOiX4WJ4bdp0JNm8CJRHpoWcWtIw!/b/dDQ3B5jWLgAA&amp;bo=LAH0AQAAAAADAP0!&amp;rf=photoDetail

标题代码

<table width="70" align="center" height="100">
<TBODY><TR><TD align="middle">
<div style="WRITING-MODE:tb-rl;FONT-FAMILY:宋体;HEIGHT:500px;FONT-SIZE:40pt"><B>长 夜 孤 人</B></div>
</TD></TR></TBODY>
</table>

风景地址1

http://b122.photo.store.qq.com/psb?/V100zwV21YoXSe/QTVrxee8qDldnUHN.7LkQ48UxuKKSPsvJ4rymYTSQ5w!/b/dE9xwkgmFgAA&bo=ngLMAgAAAAABAHU!&rf=photoDetail


小图片

http://b256.photo.store.qq.com/psb?/V100zwV215HdGO/xYI3DTlnjbktBcTfAhsVCtvVvaCOEUxVUfacnZ418W4!/b/dGC2opg1FwAA&amp;bo=igK0AAAAAAACABg!&amp;rf=photoDetail


文字1

<table style="POSITION:absolute;TOP:1250px;LEFT:200px" align="center">
<TBODY><TR><TD align="middle">
<div style="WRITING-MODE:tb-rl;FONT-FAMILY:宋体;HEIGHT:300px;FONT-SIZE:20pt"><B>【虞美人】 一<br/>
文字 海神观海<br/>
通幽曲径风摧草,<br/>
未晓秋来早。<br/>
玄蝉犹抱柳枝青,<br/>
素月怎知身处故乡明。<br/>
借星光灿独斟酒,<br/>
菊绽扬眉瞅。<br/>
浮生若梦淡无痕,<br/>
谁又怜惜长夜里孤人。</B></div>
</TD></TR></TBODY>
</table>

 

图片地址2

http://b256.photo.store.qq.com/psb?/V100zwV22S2OZ4/JTkRuMObcC2vYs29Zb1GhfofG4vwwxu6w.UD8bjkP5Q!/b/dIUum5iHKAAA&bo=vAJtAgAAAAABAPY!&rf=photoDetail


矩阵属性 style="FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1.0, M12=-0.0, M21=-0.25 , M22=1.0,SizingMethod='auto expand')"

移动图片地址代码1

<MARQUEE>
<table align="center">
<TBODY><TR><TD><IMG style="FILTER:flipH" src="http://b257.photo.store.qq.com/psb?/V100zwV22S2OZ4/K*I.gvJj9lySr8U4AVr2G4GdCDUGoDpy72ds8pl84kE!/b/dGvFOZnyDQAA&amp;bo=kQKAAgAAAAABADY!&amp;rf=photoDetail" width="365" height="180"></TD><TD><IMG src="http://b257.photo.store.qq.com/psb?/V100zwV22S2OZ4/K*I.gvJj9lySr8U4AVr2G4GdCDUGoDpy72ds8pl84kE!/b/dGvFOZnyDQAA&amp;bo=kQKAAgAAAAABADY!&amp;rf=photoDetail" width="365" height="180"></TD></TR></TBODY>
</table>
</MARQUEE>


移动图片地址代码2

<MARQUEE>
<table align="center">
<TBODY><TR><TD><IMG style="FILTER:flipH" src="http://b257.photo.store.qq.com/psb?/V100zwV22S2OZ4/K*I.gvJj9lySr8U4AVr2G4GdCDUGoDpy72ds8pl84kE!/b/dGvFOZnyDQAA&amp;bo=kQKAAgAAAAABADY!&amp;rf=photoDetail" width="365" height="180"></TD><TD><IMG src="http://b257.photo.store.qq.com/psb?/V100zwV22S2OZ4/K*I.gvJj9lySr8U4AVr2G4GdCDUGoDpy72ds8pl84kE!/b/dGvFOZnyDQAA&amp;bo=kQKAAgAAAAABADY!&amp;rf=photoDetail" width="365" height="180"></TD></TR></TBODY>
</table>
</MARQUEE>


人物图片1

<table style="POSITION:absolute;TOP:2000px;LEFT:200px" align="center">
<TBODY><TR><TD align="middle"><IMG style="FILTER:alpha(opacity=100,style=2)" src="http://b89.photo.store.qq.com/psb?/V100zwV23a7N3j/byGLFZVyNqaZK5g6*bVCfWvbSAu2sVPZ8dEZ6freSTI!/b/dATqEDVmXAAA&amp;bo=kAEsAQAAAAACAJg!&amp;rf=photoDetail" width="400"></TD></TR></TBODY>
</table>


风景2

http://b121.photo.store.qq.com/psb?/V100zwV21YoXSe/yT5L2fQ.v8hlTF52XPiyhz56IDBzj4QUNcy8a9mo*mE!/b/dALuKUgIIgAA&bo=ngKuAgAAAAABABc!&rf=photoDetail


移动图片地址代码3

<MARQUEE>
<table align="center">
<TBODY><TR><TD><IMG style="FILTER:flipH" src="http://b257.photo.store.qq.com/psb?/V100zwV22S2OZ4/K*I.gvJj9lySr8U4AVr2G4GdCDUGoDpy72ds8pl84kE!/b/dGvFOZnyDQAA&amp;bo=kQKAAgAAAAABADY!&amp;rf=photoDetail" width="365" height="180"></TD><TD><IMG src="http://b257.photo.store.qq.com/psb?/V100zwV22S2OZ4/K*I.gvJj9lySr8U4AVr2G4GdCDUGoDpy72ds8pl84kE!/b/dGvFOZnyDQAA&amp;bo=kQKAAgAAAAABADY!&amp;rf=photoDetail" width="365" height="180"></TD></TR></TBODY>
</table>
</MARQUEE>

移动图片地址代码4

<MARQUEE>
<table align="center">
<TBODY><TR><TD><IMG style="FILTER:flipH" src="http://b257.photo.store.qq.com/psb?/V100zwV22S2OZ4/K*I.gvJj9lySr8U4AVr2G4GdCDUGoDpy72ds8pl84kE!/b/dGvFOZnyDQAA&amp;bo=kQKAAgAAAAABADY!&amp;rf=photoDetail" width="365" height="180"></TD><TD><IMG src="http://b257.photo.store.qq.com/psb?/V100zwV22S2OZ4/K*I.gvJj9lySr8U4AVr2G4GdCDUGoDpy72ds8pl84kE!/b/dGvFOZnyDQAA&amp;bo=kQKAAgAAAAABADY!&amp;rf=photoDetail" width="365" height="180"></TD></TR></TBODY>
</table>
</MARQUEE>


图片地址3

http://b256.photo.store.qq.com/psb?/V100zwV22S2OZ4/dRXsMjqAhU8oMFlbB*09BDcNnH4n4BlX602cu9F84Qk!/b/dIUum5iJKAAA&bo=vAIMAgAAAAABAJc!&rf=photoDetail


移动图片地址代码5

<MARQUEE>
<table align="center">
<TBODY><TR><TD><IMG style="FILTER:flipH" src="http://b256.photo.store.qq.com/psb?/V100zwV22S2OZ4/JTkRuMObcC2vYs29Zb1GhfofG4vwwxu6w.UD8bjkP5Q!/b/dIUum5iHKAAA&amp;bo=vAJtAgAAAAABAPY!&amp;rf=photoDetail" width="365" height="180"></TD><TD><IMG src="http://b256.photo.store.qq.com/psb?/V100zwV22S2OZ4/JTkRuMObcC2vYs29Zb1GhfofG4vwwxu6w.UD8bjkP5Q!/b/dIUum5iHKAAA&amp;bo=vAJtAgAAAAABAPY!&amp;rf=photoDetail" width="365" height="180"></TD></TR></TBODY>
</table>
</MARQUEE>

移动图片地址代码6

<MARQUEE>
<table align="center">
<TBODY><TR><TD><IMG style="FILTER:flipH" src="http://b256.photo.store.qq.com/psb?/V100zwV22S2OZ4/JTkRuMObcC2vYs29Zb1GhfofG4vwwxu6w.UD8bjkP5Q!/b/dIUum5iHKAAA&amp;bo=vAJtAgAAAAABAPY!&amp;rf=photoDetail" width="365" height="180"></TD><TD><IMG src="http://b256.photo.store.qq.com/psb?/V100zwV22S2OZ4/JTkRuMObcC2vYs29Zb1GhfofG4vwwxu6w.UD8bjkP5Q!/b/dIUum5iHKAAA&amp;bo=vAJtAgAAAAABAPY!&amp;rf=photoDetail" width="365" height="180"></TD></TR></TBODY>
</table>
</MARQUEE>


人物图片2

<table style="POSITION:absolute;TOP:3500px;LEFT:300px" align="center">
<TBODY><TR><TD align="middle"><IMG style="FILTER:alpha(opacity=100,style=2)" src="http://b88.photo.store.qq.com/psb?/V100zwV23a7N3j/yBcv2XbQO2x9lVFSvg9QBqiExDfS4yU2IcrcbUO65sU!/b/dOGOhDQ8XAAA&amp;bo=wgFYAgAAAAACAL0!&amp;rf=photoDetail" width="300"></TD></TR></TBODY>
</table>


风景3

http://b122.photo.store.qq.com/psb?/V100zwV21YoXSe/QTVrxee8qDldnUHN.7LkQ48UxuKKSPsvJ4rymYTSQ5w!/b/dE9xwkgmFgAA&bo=ngLMAgAAAAABAHU!&rf=photoDetail

移动图片地址代码7

<MARQUEE>
<table align="center">
<TBODY><TR><TD><IMG style="FILTER:flipH" src="http://b256.photo.store.qq.com/psb?/V100zwV22S2OZ4/JTkRuMObcC2vYs29Zb1GhfofG4vwwxu6w.UD8bjkP5Q!/b/dIUum5iHKAAA&amp;bo=vAJtAgAAAAABAPY!&amp;rf=photoDetail" width="365" height="180"></TD><TD><IMG src="http://b256.photo.store.qq.com/psb?/V100zwV22S2OZ4/JTkRuMObcC2vYs29Zb1GhfofG4vwwxu6w.UD8bjkP5Q!/b/dIUum5iHKAAA&amp;bo=vAJtAgAAAAABAPY!&amp;rf=photoDetail" width="365" height="180"></TD></TR></TBODY>
</table>
</MARQUEE>


移动图片地址代码8

<MARQUEE>
<table align="center">
<TBODY><TR><TD><IMG style="FILTER:flipH" src="http://b256.photo.store.qq.com/psb?/V100zwV22S2OZ4/JTkRuMObcC2vYs29Zb1GhfofG4vwwxu6w.UD8bjkP5Q!/b/dIUum5iHKAAA&amp;bo=vAJtAgAAAAABAPY!&amp;rf=photoDetail" width="365" height="180"></TD><TD><IMG src="http://b256.photo.store.qq.com/psb?/V100zwV22S2OZ4/JTkRuMObcC2vYs29Zb1GhfofG4vwwxu6w.UD8bjkP5Q!/b/dIUum5iHKAAA&amp;bo=vAJtAgAAAAABAPY!&amp;rf=photoDetail" width="365" height="180"></TD></TR></TBODY>
</table>
</MARQUEE>


文字2


<table style="POSITION:absolute;TOP:2750px;LEFT:200px" align="center">
<TBODY><TR><TD align="middle">
<div style="WRITING-MODE:tb-rl;FONT-FAMILY:宋体;HEIGHT:300px;FONT-SIZE:20pt"><B>【虞美人】 二<br/>
文字 海神观海<br/>
芳菲刹那终归去,<br/>
叶落飘何处。<br/>
深秋风雨暗发狂,<br/>
临近竹帘急挽袖关窗。<br/>
欲执毛笔来泼墨,<br/>
事业应开拓。<br/>
不顺若有眼中藏,<br/>
痛过何须泪涌惹神殤。</B></div>
</TD></TR></TBODY>
</table>

文字3

<table style="POSITION:absolute;TOP:4200px;LEFT:200px" align="center">
<TBODY><TR><TD align="middle">
<div style="WRITING-MODE:tb-rl;FONT-FAMILY:宋体;HEIGHT:300px;FONT-SIZE:20pt"><B>【虞美人】 三<br/>
文字 海神观海<br/>
抛诗中万绪谁人诉,<br/>
征雁排行去。<br/>
晚风萧瑟怨衣寒,<br/>
谁晓窗前静坐曲缠绵。<br/>
残红慢舞寻福地,<br/>
领悟悲和喜。<br/>
摘来凄婉句千行,<br/>
抛入那南海只剩沧桑。</B></div>
</TD></TR><TR><TD height="150" align="middle"></TD></TR></TBODY>
</table>


图片4

http://b257.photo.store.qq.com/psb?/V100zwV22S2OZ4/.80mDjC72hXvmIa7rHWCFeLMdUGoSRIvhpYCyBFyQ4o!/b/dDwxMpmyEwAA&bo=ngL1AQAAAAABAE8!&rf=photoDetail


副标题代码

<table style="POSITION:absolute;TOP:4980px;LEFT:140px" align="center">
<TBODY><TR><TD align="middle">
<div style="FONT-FAMILY:宋体;HEIGHT:100px;FONT-SIZE:20pt"><B>授课老师 过眼云烟 qq1824037683 制作 ####</B></div>
</TD></TR></TBODY>
</table>

 

音乐

<div style="POSITION:absolute;WIDTH:21px;HEIGHT:0px;TOP:20px;LEFT:-820px">
<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://cnc.qzs.qq.com/music/musicbox_v2_1/img/MusicFlash.swf" bgcolor="#ffffff" menu="true" allowScriptAccess="always" name="musicFlash**" id="musicFlash0" ubb="1357775|3|http://stream4.qqmusic.qq.com/1357775.wma|长夜孤枕|39651|后宫·甄嬛传|1" class="blog_music"><param name="movie" value="http://cnc.qzs.qq.com/music/musicbox_v2_1/img/MusicFlash.swf" /><param name="data" value="http://cnc.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>

 

 

 


 

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

历史上的今天

评论

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

页脚

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