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

素手红尘的博客

得之我幸,不得我命~

 
 
 

日志

 
 
关于我

红尘中多少的事事非非,如过眼云烟,好也罢坏也罢,又能如何,采东篱泛轻舟,轻酌淡酒,隐逸世间~!!

网易考拉推荐

【引用】如何在边框内做梦幻(雾化图片)效果【原创】  

2011-10-26 12:43:25|  分类: 博客音画 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

如何在边框内做梦幻(雾化图片)效果

杨东/原创 

一、制作梦幻(雾化)效果的方法:

就是在添加内容的代码中蓝色代码 TABLE这个元素后面)添加一个CSS滤镜的梦幻效果代码--<TD style="FILTER: Alpha(opacity='100',style='2')" 很简单,识破不值半文钱!

二、边框和梦幻效果的代码在以下框内,其中:红色代码是边框代码,蓝色代码是添加内容的代码,粉红色代码是添加内容代码部分的结束标记.

框图和梦幻(雾化)效果代码在以下框内
(注:未加图片的空白样本简介)

 <P align=center>(P 是指开始 对齐结盟定位=居中的)
<TABLE(表式;平地层 制表;嵌合) cellSpacing单元距离=5 cellPadding=0 width宽度=700 background背景图片=第一层(是最外边的边框)图片地址 border=0>
<TBODY>(表格主体)
<TR>(梯形)
<TD>(任务)
<TABLE cellSpacing=10 cellPadding=0 width="100%" background=第2层边框图片地址 border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=10 cellPadding=0 width="100%" background=第3层边框图片地址 border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=10 cellPadding=0 width="100%" background=第4层边框图片地址 border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=10 cellPadding=0 width="100%" background=第5层边框图片地址 border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=10 cellPadding=0 width="100%" background=第6层(是写日志底版)图片地址 border=0>
<TBODY>
<TR>
<TD>
<P align=center><IMG src="动态小图网址(gif或jpg格式)"></P>
<TABLE 在此处加一个CSS滤镜代码就有梦幻效果了 borderColor=#d2b48c height=230 cellSpacing=1 width=360 align=center background=主体图片地址 border=8>
<TBODY>
<TR>
<TD align=middle width="100%"><EMBED src=透明flash小动画网址 width=360 height=230 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high">
</TD></TR></TBODY></TABLE></P> 

 

 

如何在边框内做梦幻(雾化图片)效果【原创】 - 杨东 - 杨东小园

 

三:现在就按以上框图内的代码,代入相应的图片制作实用的框架。

符边框素材图片实样

第一第三层如何在边框内做梦幻(雾化图片)效果【原创】 - 杨东 - 杨东小园 第二层如何在边框内做梦幻(雾化图片)效果【原创】 - 杨东 - 杨东小园第四层如何在边框内做梦幻(雾化图片)效果【原创】 - 杨东 - 杨东小园第五层如何在边框内做梦幻(雾化图片)效果【原创】 - 杨东 - 杨东小园第六底面图如何在边框内做梦幻(雾化图片)效果【原创】 - 杨东 - 杨东小园

 <P align=center>
<TABLE title="" borderColor=#cccccc cellSpacing=5 cellPadding=0 width=700 align=center bgColor=#ffffff background=http://img319.ph.126.net/x3jVDN0HOzMUsjLud15skg==/3825807883451405866.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=26 cellPadding=0 width="100%" align=center bgColor=#ffffff background=http://img.ph.126.net/5-JvzuYXK19f2B9UpGGVZA==/3224295858221899188.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=5 cellPadding=0 width="100%" align=center bgColor=#ffffff background=http://img319.ph.126.net/x3jVDN0HOzMUsjLud15skg==/3825807883451405866.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=20 cellPadding=0 width="100%" align=center bgColor=#ffffff background=http://img.ph.126.net/Kw0exm1Cu71ypvjVSy9Bdw==/2783224569731803869.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=10 cellPadding=0 width="100%" align=center bgColor=#ffffff background=http://img764.ph.126.net/jQoAU6c1xw-IflOTfVeH5w==/2979131153506663753.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=25 cellPadding=0 width="100%" align=center bgColor=#ffffff background=http://img306.ph.126.net/fWDr2KwAQ1RP8bh2hRMpEA==/3869999454795603069.jpg border=0>
<TBODY>
<TR>
<TD align=middle>
<P align=center>
<TABLE style="FILTER: Alpha(opacity=100,style=2)" borderColor=#d2b48c height=660 cellSpacing=1 width=480 align=center background=http://img5.ph.126.net/aYaLUkF5UOoxmlDdCgOKUA==/1028228089941043145.jpg border=8>
<TBODY>
<TR>
<TD align=middle width="80%"><EMBED src=http://imgfree.21cn.com/free/flash/27.swf width=332 height=480 type=application/x-shockwave-flash wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"> </TD></TR></TBODY></TABLE>
<P></P>
<TABLE style="FILTER: Alpha(opacity=100,style=2)" borderColor=#d2b48c height=749 cellSpacing=1 width=562 align=center background=http://img.bimg.126.net/photo/RacWbAghW_0TUYV7__w0ZA==/1740078306025790778.jpg border=8>
<TBODY>
<TR>
<TD align=middle width="93%"><EMBED src=http://imgfree.21cn.com/free/flash/157.swf width=322 height=470 type=application/x-shockwave-flash wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"> </TD></TR></TBODY></TABLE>
<P></P>
<TABLE style="FILTER: Alpha(opacity=100,style=2)" borderColor=#d2b48c height=750 cellSpacing=1 width=498 align=center background=http://img.bimg.126.net/photo/OSmYQUO8K4u7egiIlxniPQ==/1977643186369465102.jpg border=8>
<TBODY>
<TR>
<TD align=middle width="93%"><EMBED src=http://imgfree.21cn.com/free/flash/92.swf width=470 height=332 type=application/x-shockwave-flash wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"> </TD></TR></TBODY></TABLE>
<P></P>
<TABLE style="FILTER: Alpha(opacity=100,style=2)" borderColor=#d2b48c height=600 cellSpacing=1 width=404 align=center background=http://img.bimg.126.net/photo/TJXCJTpNPBKPDhkCPR3l3w==/899594025567857779.jpg border=8>
<TBODY>
<TR>
<TD align=middle width="120%"><EMBED src=http://imgfree.21cn.com/free/flash/9.swf width=322 height=470 type=application/x-shockwave-flash wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD>

取得图片地址的方法:用你的鼠标指向图片→点右键→点属性就能得到

如何在边框内做梦幻(雾化图片)效果【原创】 - 杨东 - 杨东小园

 

四、用以上代入相应图片制作后的实际效果如下

 

 

梦幻 (雾化) 实例
杨东/原创

 

如何在边框内做梦幻(雾化图片)效果【原创】 - 杨东 - 杨东小园

例图①动画+FLASH透明图片

 

如何在边框内做梦幻(雾化图片)效果【原创】 - 杨东 - 杨东小园

例图②普通单张图片+单张Flash透明图片

 

如何在边框内做梦幻(雾化图片)效果【原创】 - 杨东 - 杨东小园

例图③

 

如何在边框内做梦幻(雾化图片)效果【原创】 - 杨东 - 杨东小园

例图④

 

如何在边框内做梦幻(雾化图片)效果【原创】 - 杨东 - 杨东小园

 

符例图①原图片

如何在边框内做梦幻(雾化图片)效果【原创】 - 杨东 - 杨东小园

制作实用代码中的具体说明

框边的第一层所设定的宽度为700,即:(width=700)是指限定了最外边的宽度,从而:第二层到最后的底面就不需的用数值来控制了,都可设为"100%",即:(width="100%"),这个"100%"是指在最外层的控制下的"100%"。注:(第一层"即最外边框"最大宽度可设定为890~900)。
  在第一层边框代码中(cellSpacing=5)设定为5,是指单元格