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

江南小爱网易空间

聆听旋律感悟 赏析诗画意境

 
 
 

日志

 
 

【转载】我是一片云收集的美化图片、日志的代码  

2013-01-29 13:52:49|  分类: 雾化技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

美化图片、日志的各类代码

我是一片云收集整理

精美flash系列 - 我是一片云

一、圆形雾化加FLASH的代码

 


制作代码一:

<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" height=500 background=http://img7.ph.126.net/S1YIPfEg5vr5mv1nGhbtrA==/3350678122764893717.jpg width=578>
<P><B><FONT style="FONT-SIZE: 22px"><EMBED height=450 type=application/octet-stream align=right width=500 src=http://www1.qqjay.com/zhuangshi/qqjay_24.swf ?id=4 QUALITY="high" WMODE="transparent"> </EMBED></FONT></B></P></TD></TR></TBODY></TABLE>

效果:

 

 


制作代码二:

 

<TABLE style="FILTER: alpha(opacity=100,style=2)" width=350 background=http://img8.ph.126.net/QSMYg3MHSvVuJOyoIW59yQ==/102456891540127098.jpg align=center>

<TBODY>

<TR>

<TD>

<P align=center><EMBED height=325 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=450 src=http://www.dabaoku.com/flash/flash/77.swf wmode="transparent" invokeurls="false" allowScriptAccess="never" allowNetworking="internal"> </P></TD></TR></TBODY></TABLE>

<P> </P>

<P><BR>&nbsp;</P>

 

效果:

 

 


二、在图片上添加FLASH的各种技巧

加插FLASH-动画图片有各种方式:①在一张图片上加叠1或多个FLASH。②在页面上任何地方定位加叠。③直接在页面上插入。网页上不宜加插太多FLASH,否则会影响网页的打开。


 1、在图片上插入一个FLASH的代码:

 

       <TABLE borderColor=#127626 height=370 cellSpacing=0 cellPadding=0 width=700 background="http://www.baoshiz.com.cn/images/upfile/20081322361718901.jpg" border=3> <TR> <TD><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/59.swf width="700" height="370" type=application/x-shockwave-flash wmode="transparent" quality="high"> </TD></TR></TABLE>

 

效果:


2、在图片上插入2个FLASH的代码

 

       <TABLE borderColor=#127626 height=420 cellSpacing=0 cellPadding=0 width=700 background="http://img7.ph.126.net/S1YIPfEg5vr5mv1nGhbtrA==/3350678122764893717.jpg " border=3> <TR> <TD> <EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://www1.qqjay.com/zhuangshi/qqjay_24.swf  width="700" height="420" type=application/x-shockwave-flash wmode="transparent" quality="high"> <EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/16.swf width="700" height="420" type=application/x-shockwave-flash wmode="transparent" quality="high"> </TD></TR></TABLE>

 

效果:

 


3、在图片上插入3FLASH的代码:
 

<DIV align=center>

<TABLE border=0 cellSpacing=0 borderColor=#cccccc cellPadding=0 width=670 background=http://img.ph.126.net/9ftp9asxEgZrGZ1lVOFOdQ==/2684145377929774594.jpg align=center height=502>

<TBODY>

<TR>

<TD><FONT color=#33cccc><EMBED height=220 type=application/octet-stream align=right width=320 src=http://xt.2000y.net/106939/uploadpic/2009051220004433312.swf allowNetworking="internal" allowScriptAccess="never" quality="high" invokeurls="false" wmode="transparent"><EMBED height=220 type=application/octet-stream align=right width=320 src=http://xt.2000y.net/106939/uploadpic/2009051217343330736.swf allowNetworking="internal" allowScriptAccess="never" quality="high" invokeurls="false" wmode="transparent"> <EMBED height=200 type=application/octet-stream align=right width=520 src=http://imgfree.21cn.com/free/flash/203.swf allowNetworking="internal" allowScriptAccess="never" quality="high" invokeurls="false" wmode="transparent"> </FONT></TD></TR></TBODY></TABLE></DIV>

<P align=left>&nbsp;&nbsp;</P>

 

效果:


 

4、在图片上用绝对定位挂贴FLASH动画图片

   在图片上可以同时插入多张FLASH,但只是在同一位置上加叠,如果要在不同位置显示,比如下面这张贴,小船要紧贴水面,飞雁要调上一些,必须采用绝对定位挂贴的方法。

 

挂贴FLASH动画图片代码:

 

      <DIV id=table1 style="LEFT: 20px; WIDTH: 800px; POSITION: relative; TOP: 40px"> <TABLE borderColor=#127626 height=500 cellSpacing=0 cellPadding=0 width=700 background="http://img775.ph.126.net/x2QdyvC6BWYNbZ38l15IuQ==/4851502698585224645.jpg " border=3> <TR> <TD> <EMBED style="LEFT:10px; WIDTH: 750px; POSITION: absolute; TOP: -60px; HEIGHT: 500px" align=center src=http://imgfree.21cn.com/free/flash/59.swf width=750 height=500 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED> <EMBED style="LEFT:10px; WIDTH: 750px; POSITION: absolute; TOP: 300px; HEIGHT: 200px" align=center src=http://xt.2000y.net/106939/uploadpic/2009062212021354906.swf width=750 height=300 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED> </TD></TR></TABLE></DIV>

 

   说明:

 

  ●<DIV id=table1 style=定义相对定位标签.关键语句:POSITION: relative

 

  ●<EMBED style=FLAS标签行内套用样式表绝对定位语句.关键语句:POSITION: absolute

 

 效果:

 

 

 

 


说明:

相对定位与绝对定位的关系

  贴FLAS的标签行内套用css样式表定位属性内容POSITION有两个属值,即relative相对定位和absolute绝对定位.有相对定位指令的标签是一种容框,是绝对定位必要的参照物在相对定位容框内,可以用很多有绝对定位的标签,挂贴各种内容.用绝对定位挂贴虽然也是一种加叠,但内容显示位置上下左右可以稠整.方法是设置LEFT水平起始参数和TOP垂直起始参数.

 

  绝对定位的语句:

style="LEFT:10px; WIDTH: 750px; POSITION: absolute; TOP: 50px; HEIGHT: 500px"

说明:

● Z-INDEX: 10px 是指与帖子左边的距离 。

● WIDTH: 750px 是指定位的范围宽度。

● TOP: 50px 指与帖子上边之间的距离。

● height=500 是指定位的范围高度。

● 750px 750个像素点。

● 绝对定位外部挂贴必须设置相对定位标签,否则插入内容可能在整张网页的别处显示。


5、绝对定位在页面插入FLASH的代码:

       <EMBED style="DISPLAY: block" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/113.swf   width=500 height=400 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED>&nbsp;

 

效果:

  由于垂直起始参数TOP: 150px,即距本页上边150px起显示紫红叶飘落。

 

 

 

 


6、在相对定位容框内绝对定位插入FLASH的代码:

 

     <TABLE  cellSpacing=1 cellPadding=1 width="80%" border=1>

 

<TBODY>

 

<TR>

 

<TD><EMBED style="DISPLAY: block" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/113.swf width=500 height=400 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED>&nbsp;</TR></TBODY></TABLE>

 

效果:

日志标题

 

 


7、在页面上插入FLASH的代码模式:

 

       <EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.easelq.cn/wode/flash/dongwu/lumi.swf width=500 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high">

 

效果:

 

日志标题

 

8、在页面上置顶的FLASH代码:
 

<EMBED style="POSITION: absolute; TOP: -10px; LEFT: 144px" height=500 type=application/octet-stream align=right width=500 src=http://www.hsq80.com/tml/7/134.swf allowNetworking="internal" allowScriptAccess="never" quality="high" invokeurls="false" wmode="transparent">

 

效果(略)


9、走出页面的FLASH代码:

 

<EMBED style="POSITION: absolute; WIDTH: 600px; HEIGHT: 600px; TOP: 2100px; LEFT: 50px" height=600 type=application/octet-stream align=right width=500 src=http://www.hsq80.com/tml/7/138.swf wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal">

<P align=center><EMBED height=300 type=application/x-shockwave-flash width=200 src=http://www.hsq80.com/tml/7/140.swf wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"> <EMBED height=300 type=application/x-shockwave-flash width=200 src=http://www.hsq80.com/tml/7/132.swf wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"> <EMBED height=300 type=application/x-shockwave-flash width=200 src=http://www.hsq80.com/tml/7/134.swf wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"></P>


10、在日志边框页面不同位置同时添加多个不同FLASH的代码:

代码:

<DIV style="Z-INDEX: 1; POSITION: absolute; WIDTH: 0px; TOP: 0px; LEFT: 0px"><EMBED height=950 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=950 src=http://www.hsq80.com/tml/10/26.swf wmode="transparent" invokeurls="false" loop="false" allowScriptAccess="never" allowNetworking="internal"></DIV>

 

说明:你需要添加多少个flash,就将此代码复制粘贴多少个。

 

在日志页面添加多个FLASH的代码实例:

 

<DIV style="Z-INDEX: 1; POSITION: absolute; WIDTH: 0px; TOP: 0px; LEFT: 0px"><EMBED height=950 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=950 src=http://www.hsq80.com/tml/10/26.swf wmode="transparent" invokeurls="false" loop="false" allowScriptAccess="never" allowNetworking="internal"></DIV>

<DIV style="Z-INDEX: 1; POSITION: absolute; WIDTH: 0px; TOP: 500px; LEFT: 0px"><EMBED height=950 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=950 src=http://www.hsq80.com/tml/10/26.swf wmode="transparent" invokeurls="false" loop="false" allowScriptAccess="never" allowNetworking="internal"></DIV>

<DIV style="Z-INDEX: 1; POSITION: absolute; WIDTH: 0px; TOP: 1000px; LEFT: 0px"><EMBED height=950 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=950 src=http://www.hsq80.com/tml/10/26.swf wmode="transparent" invokeurls="false" loop="false" allowScriptAccess="never" allowNetworking="internal"></DIV>

<DIV style="Z-INDEX: 1; POSITION: absolute; WIDTH: 0px; TOP: 1500px; LEFT: 0px"><EMBED height=950 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=950 src=http://www.hsq80.com/tml/10/26.swf wmode="transparent" invokeurls="false" loop="false" allowScriptAccess="never" allowNetworking="internal"></DIV>

<DIV style="Z-INDEX: 1; POSITION: absolute; WIDTH: 0px; TOP: 2000px; LEFT: 0px"><EMBED height=950 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=950 src=http://www.hsq80.com/tml/10/26.swf wmode="transparent" invokeurls="false" loop="false" allowScriptAccess="never" allowNetworking="internal"></DIV>

<DIV style="Z-INDEX: 1; POSITION: absolute; WIDTH: 0px; TOP: 2500px; LEFT: 0px"><EMBED height=950 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=950 src=http://www.hsq80.com/tml/10/26.swf wmode="transparent" invokeurls="false" loop="false" allowScriptAccess="never" allowNetworking="internal"></DIV>

<DIV style="Z-INDEX: 1; POSITION: absolute; WIDTH: 0px; TOP: 3000px; LEFT: 0px"><EMBED height=950 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=950 src=http://www.hsq80.com/tml/10/26.swf wmode="transparent" invokeurls="false" loop="false" allowScriptAccess="never" allowNetworking="internal"></DIV>

<DIV style="Z-INDEX: 1; POSITION: absolute; WIDTH: 0px; TOP: 3500px; LEFT: 0px"><EMBED height=950 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=950 src=http://www.hsq80.com/tml/10/26.swf wmode="transparent" invokeurls="false" loop="false" allowScriptAccess="never" allowNetworking="internal"></DIV>

<DIV style="Z-INDEX: 1; POSITION: absolute; WIDTH: 0px; TOP: 4000px; LEFT: 0px"><EMBED height=950 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=950 src=http://www.hsq80.com/tml/10/26.swf wmode="transparent" invokeurls="false" loop="false" allowScriptAccess="never" allowNetworking="internal"></DIV>

<DIV style="Z-INDEX: 1; POSITION: absolute; WIDTH: 0px; TOP: 4500px; LEFT: 0px"><EMBED height=950 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=950 src=http://www.hsq80.com/tml/10/26.swf wmode="transparent" invokeurls="false" loop="false" allowScriptAccess="never" allowNetworking="internal"></DIV>

 

说明:我这次一共在日志边框里添加了十个相同的FLASH,使整个日志页面都有FLASH效果。使用时,你可以根据你编辑的日志的长度来设置FLASH的个数,还可以根据你的日志内容和图片添加不同的FLASH

添加到日志的方法:

  用边框编辑你的日志(把你需要添加的文字、图片、音乐添加完毕);

  复制上边的代码,修改成你需要的代码:①打开另一个编辑框,在代码编辑状态下将此代码复制粘贴;②然后将代码里的flash地址替换成你要添加的flash地址;③如果你的日志页面比较长,需要再添加,就根据你需要添加的flash个数,再复制几个代码,放到先前代码的下面;④TOP后边的数字从0开始设置,后面按500递增(TOP的数值表示此flash距页面顶端的距离)。

  点击你编辑好的日志编辑框顶端的“源代码”按钮,进入代码编辑状态;

  将你刚刚做好的代码复制粘贴到你的日志代码的最底部,再点击“源代码”按钮,你就可以看到你添加的flash效果了。


三、在图片上写字的代码


1、在图片上添加静态字的代码:

<BR>

<TABLE border=1 cellSpacing=2 borderColor=#cccccc cellPadding=3 width=700 background=http://img7.ph.126.net/S1YIPfEg5vr5mv1nGhbtrA==/3350678122764893717.jpg bgColor=#ffffff height=500>

<TBODY>

<TR>

<TD><BR><BR><BR>

<P align=center><FONT color=#00ff00 size=5 face=黑体><STRONG>宠辱不惊,闲看庭前花开花落;去留无意,漫随天外云卷云舒。我是一片云,天空是我家,朝迎旭日升,暮送夕阳下。我是一片云,自在又潇洒,身随魂梦飞,来去无牵挂。</STRONG></FONT></P></TD></TR></TBODY></TABLE>

效果:




宠辱不惊,闲看庭前花开花落;去留无意,漫随天外云卷云舒。我是一片云,天空是我家,朝迎旭日升,暮送夕阳下。我是一片云,自在又潇洒,身随魂梦飞,来去无牵挂。

 


2、在图片上飘动自己定义的文字的代码:

 

<TABLE border=3 borderColor=#cd5c5c width=710 align=center height=500>

<TBODY>

<TR>

<TD background=http://img7.ph.126.net/S1YIPfEg5vr5mv1nGhbtrA==/3350678122764893717.jpg>

<MARQUEE direction=down height=350 behavior=alternate scrollAmount=3>

<MARQUEE behavior=alternate width=500 scrollAmount=3>

<P align=center><FONT color=red size=6><B>我是一片云,天空是我家,朝迎旭日升,暮送夕阳下。我是一片云,自在又潇洒,身随魂梦飞,来去无牵挂。 </B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

 

效果:

 

我是一片云,天空是我家,朝迎旭日升,暮送夕阳下。我是一片云,自在又潇洒,身随魂梦飞,来去无牵挂。


四、图片雾化的代码


1、图片雾化成方形的代码(加博客链接):

<P align=center><A title=我是一片云欢迎您 href="http://wsypy.blog.163.com/"><IMG style="FILTER: alpha(opacity=100,style=3); MARGIN: 0px; WIDTH: 700px; HEIGHT: 500px" title="图片方形雾化代码 - 我是一片云 -  我是一片云" alt="图片方形雾化代码  - 我是一片云 - 我是一片云" src="http://img7.ph.126.net/S1YIPfEg5vr5mv1nGhbtrA==/3350678122764893717.jpg" ____="ev_4561819398"></A></P>

效果:

凤凰传奇歌曲精选  - 我是一片云 - 我是一片云

 

 

 


2、图片雾化成圆形的代码(加博客链接):

      <P align=center><A href="http://wsypy.blog.163.com/"><IMG style="FILTER: Alpha(Opacity=150,Style=2); MARGIN: 0px 10px; FLOAT: none; cssFloat: none" title="圆形雾化图片代码 - 我是一片云 -  我是一片云" alt="圆形雾化图片代码 - 我是一片云 - 我是一片云" src="http://img7.ph.126.net/S1YIPfEg5vr5mv1nGhbtrA==/3350678122764893717.jpg" width=600 ____="ev_8054496128"></A></P><WBR>

效果:

圆形雾化图片代码 - 我是一片云 - 我是一片云

 

 

我是一片云祝您写博愉快

 

精美flash系列 - 我是一片云 - 我是一片云

 

 

 

 

您可能也喜欢:

《百度播放器》自动获取歌曲制作代码 2012.12.28
【转载】我是一片云收集的美化图片、日志的代码 - 江南小爱 - 江南小爱的网易博客
《百度播放器》自动获取歌曲制作代码

图片朦胧(雾化)加flash特效制作方法 2012.10.13
【转载】我是一片云收集的美化图片、日志的代码 - 江南小爱 - 江南小爱的网易博客
图片朦胧(雾化)加flash特效制作方法

在flash上加歌词【flash组合附代码】 2012.09.12
在flash上加歌词【flash组合附代码】

【教程】多种图片制作的特效代码 2012.04.25
【转载】我是一片云收集的美化图片、日志的代码 - 江南小爱 - 江南小爱的网易博客
【教程】多种图片制作的特效代码

【悠悠岁月】可换背景与歌曲的MP3播放器(一) 2012.11.12
【转载】我是一片云收集的美化图片、日志的代码 - 江南小爱 - 江南小爱的网易博客
【悠悠岁月】可换背景与歌曲的MP3播放器(一)

【转载】图片雾化翻页制作代码【原创】 2013.01.03
【转载】图片雾化翻页制作代码【原创】

背景图竖排渐出文字设置技巧 2012.12.09
【转载】我是一片云收集的美化图片、日志的代码 - 江南小爱 - 江南小爱的网易博客
背景图竖排渐出文字设置技巧

一生一世只爱你(代码做flash遮罩动画) 2012.06.06
【转载】我是一片云收集的美化图片、日志的代码 - 江南小爱 - 江南小爱的网易博客
一生一世只爱你(代码做flash遮罩动画)

图片加透明flash的通用代码 2012.05.22
图片加透明flash的通用代码

认识基本博客代码 2013.01.10
【转载】我是一片云收集的美化图片、日志的代码 - 江南小爱 - 江南小爱的网易博客
认识基本博客代码

【转载】怎样为你的日志加背景图 2012.06.18
【转载】我是一片云收集的美化图片、日志的代码 - 江南小爱 - 江南小爱的网易博客
【转载】怎样为你的日志加背景图

【佳人原创*边框】原创边框【16】一组很简单的边框和代码,喜欢就拿 2012.09.28
【转载】我是一片云收集的美化图片、日志的代码 - 江南小爱 - 江南小爱的网易博客
【佳人原创*边框】原创边框【16】一组很简单的边框和代码,喜欢就拿

日志美术字效果图及代码【云雾青山】 2012.05.16
【转载】我是一片云收集的美化图片、日志的代码 - 江南小爱 - 江南小爱的网易博客
日志美术字效果图及代码【云雾青山】

关于投射字的应用代码 2012.06.18
【转载】我是一片云收集的美化图片、日志的代码 - 江南小爱 - 江南小爱的网易博客
关于投射字的应用代码
  评论这张
 
阅读(153)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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