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

807228714的博客

 
 
 

日志

 
 
 
 

唯美老师讲横边框制作【当你老了】  

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

  下载LOFTER 我的照片书  |

颜色代码:
<table title="超越光速编辑" width="870" bgColor="#2c832b" align="center">
<tbody><tr><TD></TD></TR></TBODY></TABLE>


style="border:1px dotted rgb(215, 215, 212)" width="1" align="center" color="#2c832b"


<table width="638" align="center">
<tbody><tr><td style="border:1px dotted rgb(215, 215, 212)" align="center" color="#2c832b"></TD></TR></TBODY></TABLE>


<hr style="border:1px dotted rgb(215, 215, 212)" align="center" color="#2c832b">


<hr style="border:10px dotted rgb(215, 215, 212);filter:alpha(opacity=100,style=2)" align="center" color="#2c832b">

 

<table width="870" align="center">
<tbody><tr><td height="400" width="450">
<table width="450" align="center" height="400">


<tbody><tr><td style="filter:alpha(opacity=100,style=2)">

 

<table style="background-image:url(http://b400.photo.store.qq.com/psb?/V10vOvbR2VZH5P/p3tZQj24JeTNEQ12jcXeTGt0fQbC7MjCerT33Iagxr0!/b/dBdseu4nIAAA&amp;bo=5QKAAgAAAAABAEI!&amp;rf=photoDetail!)"


87000


<tbody><tr><td></td></tr></tbody>
</table>


<marquee>内容</marquee>
透明底图源代码

<TABLE  width=870 align=center height=100>
<TBODY><TR><TD></TD></TR></TBODY></TABLE>

颜色渐变滤镜属性

style="filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#006300,endcolorstr=#009900,gradientType=1);" 

背景底图源代码:

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

水平翻转

style="FILTER:flipH"

背景色

bgColor="#16b522"

左右边框图地址

http://b252.photo.store.qq.com/psb?/V13tj3nD1pW4nd/23JXvMwE*x2CR2O8t4dr2m1BhMMbYslaRGBwsJ3Yn9g!/b/dGg4N5ZyCwAA&amp;bo=9AExAAAAAAACAOA!&rf=photoDetail

上下边框图地址

http://b252.photo.store.qq.com/psb?/V13tj3nD1pW4nd/23JXvMwE*x2CR2O8t4dr2m1BhMMbYslaRGBwsJ3Yn9g!/b/dGg4N5ZyCwAA&amp;bo=9AExAAAAAAACAOA!&rf=photoDetail

大背景图地址

http://b254.photo.store.qq.com/psb?/V13tj3nD170YwA/4mmMpeFxGr4NADGXBCSqdwZYEEvudRidw80JVJONSOw!/b/dFaBaJd8IAAA&amp;bo=9AH0AQAAAAACACQ!&rf=photoDetail

标题代码

<FONT style="WRITING-MODE:tb-rl;FONT-FAMILY:华文行楷;COLOR:#00e800;FONT-SIZE:45pt"><B><I>当  你  老  了</I></B></FONT>

能换形状属性边框源代码

<TABLE style="BORDER-BOTTOM:#00e800 5px dashed;BORDER-LEFT:#00e800 5px dashed;BORDER-TOP:#00e800 5px dashed;BORDER-RIGHT:#00e800 5px dashed"  width=515 align=center height=450>
<TBODY><TR><TD></TD></TR></TBODY></TABLE>

图片缩放

style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=2,src='图片地址', sizingMethod='scale')"

图片地址1

http://b256.photo.store.qq.com/psb?/V13tj3nD2Is6D6/ZSbjXAVQmcogZasDdDiuazOm0G2bD6gOhK*kb83GZgw!/b/dFPSpZh3LQAA&bo=DwIXAwAAAAADADw!&rf=photoDetail

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

垂直居底  vAlign="bottom"

水平翻转  style="FILTER:flipH"

序号标签  idx=1

小图地址1(游动的鸭子)

http://b232.photo.store.qq.com/psb?/V13tj3nD0H5vUc/EfA1Ygb*lBixfZ7n0tIkTkHblaiDCP46WUapX8RNiDA!/b/dD8FUIrkDgAA&amp;bo=vAJdALwCXQACACQ!&rf=photoDetail

矩阵属性

style="FILTER:progid:DXImageTransform.Microsoft.Matrix(  M11=0.5, M12=0.5, M21=-0.5 , M22=0.5,SizingMethod='auto expand')"

矩阵文字小图片地址1

http://b257.photo.store.qq.com/psb?/V13tj3nD248oLI/MYhVntkZ*UlcQOiiLMnOwESuq1XKQ7mffO0cvONODeY!/b/dAXHNpmoFgAA&bo=WQFZAQAAAAADACU!&rf=photoDetail


矩阵文字小图片地址2

http://b257.photo.store.qq.com/psb?/V13tj3nD248oLI/ZCF9fg*LmicIclXR81PQjkvoGA.Sf0BKW1IJtgtWA.8!/b/dHj1PJmnFgAA&bo=WQFZAQAAAAADACU!&rf=photoDetail


1矩阵文字代码1

<FONT style="FONT-SIZE:34pt" color="#00e800" face="华文行楷">当你老了,头白了,睡意昏沉, 炉火旁打盹,请取下这部诗歌,</FONT>

1矩阵文字代码2

<FONT style="FONT-SIZE:34pt" color="#00e800" face="华文行楷">&nbsp; &nbsp; &nbsp; &nbsp;慢慢读,回想你过去眼神的柔和,回想它们昔日浓重的阴影;</FONT>

四边羽化

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) progid:DXImageTransform.Microsoft.Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, FinishX=20, StartY=0, FinishY=0) progid:DXImageTransform.Microsoft.Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=80, FinishX=100, StartY=100, FinishY=100)

图片地址2

http://b256.photo.store.qq.com/psb?/V13tj3nD2cuz7i/efJ06pOmUDKmcn8YfRqYYTgefLPDljw0ecnLUf958tc!/b/dNOPmZgzHwAA&bo=WAJYAgAAAAACACQ!&rf=photoDetail

第二张矩阵移动图片地址

http://b255.photo.store.qq.com/psb?/V13tj3nD2Is6D6/A3KuzawWdpmFk7nnwkM7CwPv5T5iLZOax.Z8vZKHqtA!/b/dAWpC5iZLQAA&bo=NAIgAwAAAAABADI!&rf=photoDetail


2矩阵文字代码1

<FONT style="FONT-SIZE:34pt" color="#00e800" face="华文行楷">多少人爱你青春欢畅的时辰,爱慕你的美丽,假意或真心,</FONT>

2矩阵文字代码2

<FONT style="FONT-SIZE:34pt" color="#00e800" face="华文行楷">只有一个人爱你朝圣者的灵魂,爱你衰老的脸上痛苦的皱纹</FONT>

图片地址3

http://b255.photo.store.qq.com/psb?/V13tj3nD2cuz7i/Ny58.tVwlRwIADd9sTfn.G26k1mUTLVTgUzJPyuj9tM!/b/dHYlB5jLIgAA&bo=WAKEAwAAAAACAPk!&rf=photoDetail

第三张矩阵移动图片地址

http://b255.photo.store.qq.com/psb?/V13tj3nD2Is6D6/sm1o5aixbSgL0HMtBGAVFirhmHW7U3Pj1kjodQ1PtwA!/b/dFp1*5eHFwAA&bo=IgIfAyICHwMBACc!&rf=photoDetail&rf=photoDetail

3矩阵文字代码1

<FONT style="FONT-SIZE:34pt" color="#00e800" face="华文行楷">垂下头来,在红光闪耀的炉子旁,凄然地诉说那爱情的消逝,</FONT>

3矩阵文字代码2

 <FONT style="FONT-SIZE:34pt" color="#00e800" face="华文行楷">在头顶的山上它缓缓踱着步子,在一群星星中间隐藏着脸庞。</FONT>

图片地址4

http://b256.photo.store.qq.com/psb?/V13tj3nD2cuz7i/5ti2TP7pDYt5*k81J5fFx2iqht1TTZHgXOjIhLDe408!/b/dAo8nphyIgAA&bo=WAISAgAAAAACAG4!&rf=photoDetail

第四张矩阵移动图片地址

http://b256.photo.store.qq.com/psb?/V13tj3nD2Is6D6/ZSbjXAVQmcogZasDdDiuazOm0G2bD6gOhK*kb83GZgw!/b/dFPSpZh3LQAA&bo=DwIXAwAAAAADADw!&rf=photoDetail

小标题代码

<TABLE  width=690 align=center >
<TBODY><TR><TD  align=center >
<FONT style="FONT-SIZE:25pt" color="#00e800" face="华文行楷">制作  ####  QQ  ####   授课老师 ###</FONT></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://ctc.qzs.qq.com/music/musicbox_v2_1/img/MusicFlash.swf" bgcolor="#ffffff" menu="true" allowScriptAccess="always" name="musicFlash**" id="musicFlash0" ubb="1126451|3|http://stream8.qqmusic.qq.com/1126451.wma|最浪漫的事|92|赵咏华(Cyndi Chaw)|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>

 

边框效果代码:
 
<div>
<table title="超越光速编辑" width="870" bgColor="#2c832b" align="center">
<tbody><tr><td style="filter:flipH;background-image:url(http://b101.photo.store.qq.com/psb?/V10vOvbR11wLCC/Sj5Rgx*dnN2FmUjNa50HZgV0THr0YPoNA*4dx*QptF0!/b/YeYOPjyEeAAAYt6dPzyDewAA&amp;bo=dAB1AAAAAAABACY!&amp;rf=photoDetail)" width="116" ></td><td style="border:1px dotted rgb(215, 215, 212)" width="1" align="center" color="#2c832b" ></td><td height="600" width="638" >
<table width="638" align="center">
<tbody><tr><td style="border:1px dotted rgb(215, 215, 212)" align="center" color="#2c832b"></td></tr></tbody>
</table>
<hr style="border:1px dotted rgb(215, 215, 212)" align="center" color="#2c832b"> <hr style="border:1px dotted rgb(215, 215, 212)" align="center" color="#2c832b"> <hr style="border:10px dotted rgb(215, 215, 212);filter:alpha(opacity=100,style=2)" align="center" color="#2c832b"> <hr style="border:1px dotted rgb(215, 215, 212)" align="center" color="#2c832b"> <hr style="border:1px dotted rgb(215, 215, 212)" align="center" color="#2c832b"><hr style="border:1px dotted rgb(215, 215, 212)" align="center" color="#735b48">
<table width="638" align="center" height="500">
<tbody><tr><td align="center">日志正文
</div>
</td></tr></tbody>
</table>
<hr style="border:1px dotted rgb(215, 215, 212)" align="center" color="#2c832b"><hr style="border:1px dotted rgb(215, 215, 212)" align="center" color="#2c832b"><hr style="border:1px dotted rgb(215, 215, 212)" align="center" color="#2c832b"><hr style="border:10px dotted rgb(215, 215, 212);filter:alpha(opacity=100,style=3)" align="center" color="#2c832b"><hr style="border:1px dotted rgb(215, 215, 212)" align="center" color="#2c832b"><hr style="border:1px dotted rgb(215, 215, 212)" align="center" color="#2c832b">
<table width="638" align="center">
<tbody><tr><td style="border:1px dotted rgb(215, 215, 212)" align="center" color="#2c832b"></td></tr></tbody>
</table>
</td><td style="border:1px dotted rgb(215, 215, 212)" width="1" align="center" color="#2c832b"></td><td style="background-image:url(http://b101.photo.store.qq.com/psb?/V10vOvbR11wLCC/Sj5Rgx*dnN2FmUjNa50HZgV0THr0YPoNA*4dx*QptF0!/b/YeYOPjyEeAAAYt6dPzyDewAA&amp;bo=dAB1AAAAAAABACY!&amp;rf=photoDetail)" width="116"></td></tr></tbody>
</table>

 

地球代码:
<table width="870" align="center">
<tbody><tr><td height="400" width="450">
<table width="450" align="center" height="400">
<tbody><tr><td style="filter:alpha(opacity=100,style=2)"> <marquee>
<table style="background-image:url(http://b400.photo.store.qq.com/psb?/V10vOvbR2VZH5P/p3tZQj24JeTNEQ12jcXeTGt0fQbC7MjCerT33Iagxr0!/b/dBdseu4nIAAA&amp;bo=5QKAAgAAAAABAEI!&amp;rf=photoDetail!)" width="870000" align="center" height="400">
<tbody><tr><td></td></tr></tbody>
</table>
</marquee> </td></tr></tbody>
</table>
</td></tr></tbody>
</table>

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

历史上的今天

评论

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

页脚

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