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

靈夢蕊兒

放飞心情.记录生活.广交朋友.分享快乐

 
 
 

日志

 
 
关于我

我们不能决定生命的长度,但我们可以扩展生命的宽度,我们不能改变天生的容貌,但我们可以时时展现灿烂的笑容,我们不能期望控制他人,但我们可以好好把握自己,我们不能全然预知明天,但我们可以充分利用今天,我们不能要求事事顺利,但我们可以做到事事尽心。

网易考拉推荐

如何在图片中加入文字?  

2007-12-10 22:35:55|  分类: ⊙经典素材⊙ |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

如何在图片中加入文字?

如何在图片中加入文字?

如何在图片中加入文字?

如何在图片中加入文字?

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://img.blog.163.com/photo/5-Sk0AWOxHV1n8dZKnhjVQ==/433752939112423622.jpg border=3 table="0">

<TBODY>

<TR>

<TD>

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字?</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字?</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字?</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字?</EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>

兰色是:背景网址(可换)

红色是:放入文字的位置和格式

在图中如何加入SWF特效:

如何在图片中加入文字?

如何在图片中加入SWF特效?

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">

<TBODY>

<TR>

<TD>

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字?</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入SWF特效?</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT></DIV>

<DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/51.swf width=470 height=200 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></DIV></TD></TR></TBODY></TABLE>

绿色:是放入特效的位置和格式

双层表框加字 (特效)

天上云欢迎你来到制贴天地学习

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table>

<TBODY>

<TR>

<TD>

<P align=center><FONT face=隶书 color=#f7f709 size=5>双层表框加字<FONT color=#000000> </FONT><FONT color=#c709f7>(特效)</FONT></FONT></P></TD></TR>

<TR>

<TD height=300>

<DIV align=center><FONT face=楷体_GB2312 color=#33ff00 size=4><FONT color=#309d46>落叶无痕</FONT><FONT color=#e6bd1a>欢迎你来到制贴天地学习</FONT></FONT></DIV>

<DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/51.swf width=470 height=200 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></DIV></TD></TR></TBODY></TABLE>

如何使用上下滚动字幕?

  

如何在图片中加入文字?

如何在图片中加入文字?

如何在图片中加入文字?

如何在图片中加入文字?

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">

<TBODY>

<TR>

<TD>

<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff></FONT></FONT></FONT>

<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff>

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字?</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字?</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字?</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字?</FONT></FONT></FONT></DIV></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

==============================

文字上下滚动代码:<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff>注:scrollAmount=2   是控制字速,数值越大字速就越快!

左右移动字:

如何在图片中加入文字?

如何在图片中加入文字?

如何在图片中加入文字?

如何在图片中加入文字?

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">

<TBODY>

<TR>

<TD>[*fly]

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字?</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字?</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字?</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字?</EMBED>[*/fly]</FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>

附注:这是方法一,在UBB操作用“飞”就可达到这效果,在使用时把[*/fly]的*号去掉

左右移动字方法(二):

左右移动的字!

左右移去的字!

左右移去的字!

谢谢!

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">

<TBODY>

<TR>

<TD></EMBED><BR><BR>

<DIV align=center>

<MARQUEE style="WIDTH: 302px; HEIGHT: 100px" scrollAmount=2 direction=right height=100><FONT color=#ff00ff>

<P align=center><FONT face=隶书 color=#0000ff size=5>左右移动的字!</FONT></P>

<P align=center><FONT face=隶书 color=#ff0000 size=5><B>左右移去的字!</B></FONT></P>

<P align=center><FONT face=隶书 color=#00ffff size=5>左右移去的字!</FONT></P>

<P align=center><FONT face=隶书 color=#ff00ff size=5>谢谢!</FONT></P></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

 

 

背景图片上写字代码

 1

 

玫瑰夫人欢迎您!

玫瑰茶苑欢迎您!

http://q.163.com/rosecenter

 

    你只要选中你看中的图片,点"复制"(点左键从上往下拉或是从下往上拉,你就会发现有蓝色影块了)然后"粘帖"到你的发表文章之处就行了,美化你的博客就是这么简单!只要两步就行!

下面是本人所收集的一些图片:

 

 2

 

加入文字

 

3

 

你只要选中你看中的图片,点"复制"(点左键从上往下拉或是从下往上拉,你就会发现有蓝色影块了)然后"粘帖"到你的发表文章之处就行了,美化你的博客就是这么简单!只要两步就行 

4

 

加入文字 

5

 

加入文字 

 

6

 

 

 

加入文字 

 

7

 

加入文字 

 

8

 

 

加入文字

 

9

 

 你好

 

10

 

 

 

 

11

 

 

 

 

12

 

 

 

 

  代码:

<P style="TEXT-INDENT: 2em">背景图片上写字代码</P>

<P style="TEXT-INDENT: 2em"><A href="http://lusy312.bokee.com/cat.10521902.html"></A>&nbsp;</P>

<P style="TEXT-INDENT: 2em"></P>

<P style="TEXT-INDENT: 2em">

<TABLE cellPadding=100 width=709 align=center background=http://xz1.2000y.net/348114/uploadpic/20051222283368.jpg border=10 cellSpacing40>

<TBODY>

<TR>

<TD>

<TABLE borderColor=#228b22 cellSpacing=5 borderColorDark=#00ced1 cellPadding=0 width=500 align=center border=1>

<TBODY>

<TR>

<TD>

<P></P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em"><FONT color=#ff0000>玫瑰夫人欢迎您!</FONT></P>

<P style="TEXT-INDENT: 2em"><FONT color=#ff0000>玫瑰茶苑欢迎您!</FONT></P>

<P style="TEXT-INDENT: 2em"><A href="http://q.163.com/rosecenter"><FONT color=#ff0000>http://q.163.com/rosecenter</FONT></A></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">&nbsp;&nbsp;&nbsp; 你只要选中你看中的图片,点"复制"(点左键从上往下拉或是从下往上拉,你就会发现有蓝色影块了)然后"粘帖"到你的发表文章之处就行了,美化你的博客就是这么简单!只要两步就行!</P>

<P style="TEXT-INDENT: 2em">下面是本人所收集的一些图片:</P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">

<TABLE cellPadding=100 width=480 align=center background=http://xz1.2000y.net/348114/uploadpic/200512222630412.jpg border=10 cellSpacing40>

<TBODY>

<TR>

<TD>

<TABLE borderColor=#228b22 cellSpacing=5 borderColorDark=#00ced1 cellPadding=0 width=500 align=center border=1>

<TBODY>

<TR>

<TD>

<P></P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">加入文字</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">3</P>

<P style="TEXT-INDENT: 2em">

<TABLE cellPadding=100 width=480 align=center background=http://xz1.2000y.net/348114/uploadpic/200512222318215.jpg border=10 cellSpacing40>

<TBODY>

<TR>

<TD>

<TABLE borderColor=#228b22 cellSpacing=5 borderColorDark=#00ced1 cellPadding=0 width=500 align=center border=1>

<TBODY>

<TR>

<TD>

<P></P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">你只要选中你看中的图片,点"复制"(点左键从上往下拉或是从下往上拉,你就会发现有蓝色影块了)然后"粘帖"到你的发表文章之处就行了,美化你的博客就是这么简单!只要两步就行&nbsp;</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em">4</P>

<P style="TEXT-INDENT: 2em">

<TABLE cellPadding=100 width=480 align=center background=http://xz1.2000y.net/348114/uploadpic/20041030231251990.jpg border=10 cellSpacing40>

<TBODY>

<TR>

<TD>

<TABLE borderColor=#228b22 cellSpacing=5 borderColorDark=#00ced1 cellPadding=0 width=500 align=center border=1>

<TBODY>

<TR>

<TD>

<P></P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">你只要选中你看中的图片,点"复制"(点左键从上往下拉或是从下往上拉,你就会发现有蓝色影块了)然后"粘帖"到你的发表文章之处就行了,美化你的博客就是这么简单!只要两步就行</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em">5</P>

<P style="TEXT-INDENT: 2em">

<TABLE cellPadding=100 width=480 align=center background=http://xz1.2000y.net/348114/uploadpic/20051222211638.jpg border=10 cellSpacing40>

<TBODY>

<TR>

<TD>

<TABLE borderColor=#228b22 cellSpacing=5 borderColorDark=#00ced1 cellPadding=0 width=500 align=center border=1>

<TBODY>

<TR>

<TD>

<P></P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">你只要选中你看中的图片,点"复制"(点左键从上往下拉或是从下往上拉,你就会发现有蓝色影块了)然后"粘帖"到你的发表文章之处就行了,美化你的博客就是这么简单!只要两步就行</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">6</P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">

<TABLE cellPadding=100 width=480 align=center background=http://xz1.2000y.net/348114/uploadpic/20051222911363.gif border=10 cellSpacing40>

<TBODY>

<TR>

<TD>

<TABLE borderColor=#228b22 cellSpacing=5 borderColorDark=#00ced1 cellPadding=0 width=500 align=center border=1>

<TBODY>

<TR>

<TD>

<P></P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">你只要选中你看中的图片,点"复制"(点左键从上往下拉或是从下往上拉,你就会发现有蓝色影块了)然后"粘帖"到你的发表文章之处就行了,美化你的博客就是这么简单!只要两步就行</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">7</P>

<P style="TEXT-INDENT: 2em">

<TABLE cellPadding=100 width=480 align=center background=http://xz1.2000y.net/348114/uploadpic/200512221313783.jpg border=10 cellSpacing40>

<TBODY>

<TR>

<TD>

<TABLE borderColor=#228b22 cellSpacing=5 borderColorDark=#00ced1 cellPadding=0 width=500 align=center border=1>

<TBODY>

<TR>

<TD>

<P></P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">你只要选中你看中的图片,点"复制"(点左键从上往下拉或是从下往上拉,你就会发现有蓝色影块了)然后"粘帖"到你的发表文章之处就行了,美化你的博客就是这么简单!只要两步就行</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">8</P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">

<TABLE cellPadding=100 width=480 align=center background=http://xz1.2000y.net/348114/uploadpic/200512221443748.jpg border=10 cellSpacing40>

<TBODY>

<TR>

<TD>

<TABLE borderColor=#228b22 cellSpacing=5 borderColorDark=#00ced1 cellPadding=0 width=500 align=center border=1>

<TBODY>

<TR>

<TD>

<P></P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">你只要选中你看中的图片,点"复制"(点左键从上往下拉或是从下往上拉,你就会发现有蓝色影块了)然后"粘帖"到你的发表文章之处就行了,美化你的博客就是这么简单!只要两步就行</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">9</P>

<P style="TEXT-INDENT: 2em">

<TABLE cellSpacing=1 cellPadding=23 width="95%" background=http://www.hm.aitai.ne.jp/~yukarin/ap20037/sozai/uma/siro/xmas04w.gif border=0>

<TBODY>

<TR>

<TD width="100%">

<P></P>

<P style="TEXT-INDENT: 2em">

<TABLE cellSpacing=1 cellPadding=8 width="100%" background=http://www.hm.aitai.ne.jp/~yukarin/ap20037/sozai/sizen/yotuba/yotubadai04.jpg border=0>

<TBODY>

<TR>

<TD width="100%">

<P></P>

<P style="TEXT-INDENT: 2em">

<TABLE cellSpacing=1 cellPadding=13 width="100%" background=http://www.hm.aitai.ne.jp/~yukarin/ap20037/sozai/tensi/idainaru/rusifa-b03.jpg border=0>

<TBODY>

<TR>

<TD width="100%">&nbsp;

<P></P>

<P style="TEXT-INDENT: 2em"> <FONT color=#ffff00>你只要选中你看中的图片,点"复制"(点左键从上往下拉或是从下往上拉,你就会发现有蓝色影块了)然后"粘帖"到你的发表文章之处就行了,美化你的博客就是这么简单!只要两步就行</FONT></P></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em"></P></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em"></P></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">10</P>

<P style="TEXT-INDENT: 2em"> </P>

<P style="TEXT-INDENT: 2em">

<TABLE cellSpacing=1 cellPadding=23 width="95%" background=http://www.hm.aitai.ne.jp/~yukarin/ap20037/sozai/sizen/yotuba/yotubadai04.jpg border=0>

<TBODY>

<TR>

<TD width="100%">

<P></P>

<P style="TEXT-INDENT: 2em">

<TABLE cellSpacing=1 cellPadding=8 width="100%" background=http://www.hm.aitai.ne.jp/~yukarin/ap20037/sozai/uma/siro/xmas04w.gif border=0>

<TBODY>

<TR>

<TD width="100%">

<P></P>

<P style="TEXT-INDENT: 2em">

<TABLE cellSpacing=1 cellPadding=13 width="100%" background=http://www.hm.aitai.ne.jp/~yukarin/ap20037/sozai/tensi/idainaru/rusifa-b03.jpg border=0>

<TBODY>

<TR>

<TD width="100%">&nbsp;

<P></P>

<P style="TEXT-INDENT: 2em"><FONT color=#ffff00>你只要选中你看中的图片,点"复制"(点左键从上往下拉或是从下往上拉,你就会发现有蓝色影块了)然后"粘帖"到你的发表文章之处就行了,美化你的博客就是这么简单!只要两步就行</FONT></P></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em"></P></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em"></P></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">11</P>

<P style="TEXT-INDENT: 2em"> </P>

<P style="TEXT-INDENT: 2em">

<TABLE cellSpacing=1 cellPadding=23 width="95%" background=http://www.hm.aitai.ne.jp/~yukarin/ap20037/sozai/ha-to/love14.gif border=0>

<TBODY>

<TR>

<TD width="100%">

<P></P>

<P style="TEXT-INDENT: 2em">

<TABLE cellSpacing=1 cellPadding=8 width="100%" background=http://www.hm.aitai.ne.jp/~yukarin/ap20037/sozai/uma/siro/xmas04w.gif border=0>

<TBODY>

<TR>

<TD width="100%">

<P></P>

<P style="TEXT-INDENT: 2em">

<TABLE cellSpacing=1 cellPadding=13 width="100%" background=http://www.hm.aitai.ne.jp/~yukarin/ap20037/sozai/sizen/yotuba/yotubab02.jpg border=0>

<TBODY>

<TR>

<TD width="100%"><FONT color=#008000>你只要选中你看中的图片,点"复制"(点左键从上往下拉或是从下往上拉,你就会发现有蓝色影块了)然后"粘帖"到你的发表文章之处就行了,美化你的博客就是这么简单!只要两步就行</FONT></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em"></P></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em"></P></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">12</P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">

<TABLE cellSpacing=1 cellPadding=23 width="95%" background=http://www.hm.aitai.ne.jp/~yukarin/ap20037/sozai/pegasus/minipega/n-006.png border=0>

<TBODY>

<TR>

<TD width="100%">

<P></P>

<P style="TEXT-INDENT: 2em">

<TABLE cellSpacing=1 cellPadding=8 width="100%" background=http://www.hm.aitai.ne.jp/~yukarin/ap20037/sozai/erement/honoo/F-PEGAl02.gif border=0>

<TBODY>

<TR>

<TD width="100%">

<P></P>

<P style="TEXT-INDENT: 2em">

<TABLE cellSpacing=1 cellPadding=13 width="100%" background=http://www.hm.aitai.ne.jp/~yukarin/ap20037/sozai/sizen/yotuba/yotubab02.jpg border=0>

<TBODY>

<TR>

<TD width="100%"><FONT color=#00ff00>&nbsp; </FONT>

<P></P>

<P style="TEXT-INDENT: 2em"><FONT color=#00ff00>你只要选中你看中的图片,点"复制"(点左键从上往下拉或是从下往上拉,你就会发现有蓝色影块了)然后"粘帖"到你的发表文章之处就行了,美化你的博客就是这么简单!只要两步就行</FONT></P></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em"></P></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em"></P></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">&nbsp;</P>

<P style="TEXT-INDENT: 2em">

<TABLE borderColor=#aecaae cellSpacing=0 cellPadding=0 width="100%" align=center border=0>

<TBODY>

<TR>

<TD style="FONT-SIZE: 36px; COLOR: #008000; FONT-FAMILY: 黑体" vAlign=bottom borderColor=#ffffff align=middle width="100%" height=60>

 

 一些图片特效:

图片的雾化效果

<A _fks_0KDjOpqsZ7exWpQOdRRWig==', 3);return false;" href="http://xxyy9090.blog.163.com/blog/static/45648520068188551454/#">小]

 

上面图片朦胧效果的代码如下:

<TABLE align=center border=0>

<TBODY>

<TR>

<TD style="FILTER: Alpha(opacity=100,style=3)" width=595 background=图片地址 height=406>

<P align=center><EMBED src=http://imgfree.21cn.com/free/flash/33.swf width=590 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"></P></TD></TR></TBODY></TABLE>

上面图片朦胧效果的代码如下:

<TABLE align=center border=0>

<TBODY>

<TR>

<TD style="FILTER: Alpha(opacity=100,style=2)" width=595 background=图片地址 height=406>

<P align=center><EMBED src=http://imgfree.21cn.com/free/flash/33.swf width=590 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"></P></TD></TR></TBODY></TABLE>

上面图片朦胧效果的代码如下:

<TABLE align=center border=0>

<TBODY>

<TR>

<TD style="FILTER: Alpha(opacity=100,style=1)" width=595 background=图片地址 height=406>

<P align=center><EMBED src=http://imgfree.21cn.com/free/flash/33.swf width=590 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"></P></TD></TR></TBODY></TABLE>

请大家注意:style=1或2或3,其图片朦胧的效果就不同,如果是4就没有效果了。在朦胧图片的基础上还能加入透明的FLASH。其代码如下:

<TABLE align=center border=0>

<TBODY>

<TR>

<TD style="FILTER: Alpha(opacity=100,style=3)" width=595 background=图片地址 height=406>

<P align=center><EMBED src=透明FLASH地址 width=590 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"></P></TD></TR></TBODY></TABLE>

效果如下:

 

下面是朦胧图片加入两个透明FLASH的效果,代码如下:

<TABLE style="FILTER: alpha(opacity=100,style=2); WIDTH: 0px; BORDER-COLLAPSE: collapse; HEIGHT: 0px" borderColor=#555555 cellSpacing=0 cellPadding=0 width=0 align=center background=图片地址 border=0>

<TBODY>

<TR>

<TD><BR><EMBED style="WIDTH: 595px; HEIGHT: 406px" align=right src=透明FLASH地址 width=589 height=400 type=application/x-shockwave-flash quality="high" wmode="transparent"><EMBED style="WIDTH: 589px; HEIGHT: 400px" align=right src=透明FLASH地址 width=650 height=500 type=application/x-shockwave-flash quality="high" wmode="transparent"></TD></TR></TBODY></TABLE>

希望这些代码能对大家的网页美观起到一定的作用。

___________________________________

 

代码为:<IMG src="http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg" width=350>

二.淡化边缘效果

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒

代码为:<IMG style=" FILTER: Alpha(opacity=100,style=1)" src="http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg" width=350>

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒 

代码为:<IMG style="FILTER: Alpha(opacity=100,style=2)" src="http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg" width=350>

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒 

代码为:<IMG style="FILTER: Alpha(opacity=100,style=3)" src="http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg" width=350>

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒 

代码为:<IMG style="FILTER: Alpha(opacity=0,finishopacity=100,style=1)" src="http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg" width=350>

三.图片加框效果

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒 

代码为:1.<img src="http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg" width=350 style="border:8px #987cb9 dotted">

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒 

代码为:<img src="http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg" width=350 style="border:12px #987cb9 double">

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒 

代码为:<P align=center><img src="http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg" width=350 style="border:5px #987cb9 dashed">

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒 

代码为:<img src="http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg" width=350 style="border:12px #987cb9 groove">

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒  

代码为  <IMG style=" FILTER: progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=10)" src="http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg"> 如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒 

四.图片移动效果

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒

代码为<MARQUEE scrollAmount=10 direction=right><IMG src="http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg"></MARQUEE>

说明:direction=right表示图片自左向右移动,direction=left表示自右向左移动,也可缺省.direction=up表示图片自下而上移动,direction=down表示自上往下移动.

 

代码为:<marquee width=100% behavior=alternate scrollamount=10><img

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒

src=http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg width=350 ></marquee>

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒

marquee width=100% behavior=slide scrollamount=10><img src=http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpgwidth=350 ></marquee>

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒

代码为::<marquee direction=left><marquee behavior=alternate direction=up height=500><img src=http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg> </marquee>

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒

代码为:<marquee width=350 ><img src=http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg width=350>  </marquee><marquee direction=right width=350 ><img src=http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg width=350>  </marquee>

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒

代码为:<marquee direction=up  scrollamount=3><center><img src=http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg width=350></marquee><marquee direction=down scrollamount=3> <center> <div style="width:350;filter:flipv;"><img src="http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg" width=350></div></center></marquee>

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒

代码为:

<MARQUEE scrollAmount=3 direction=right behavior=alternate>

<MARQUEE direction=up behavior=alternate width=100 height=500>

<P align=center><IMG src="

http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg"></MARQUEE>

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒 如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒 如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒 如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒

代码为:<TABLE cellSpacing=0 cellPadding=0 width="50%" align=center border=0>

<TBODY>

<TR>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=175><IMG style="FILTER: fliph()" src="http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg" width=175></MARQUEE></TD>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 width=175><IMG src="http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg" width=175></MARQUEE></TD>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=175><IMG style="FILTER: fliph()" src="

http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg" width=175></MARQUEE></TD>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 width=175><IMG src="http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg" width=175></MARQUEE></TD></TR></TBODY></TABLE>

五.图片的一些效果的组合

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒

代码为:

1.<MARQUEE direction=right  scrollamount=10><IMG style="FILTER: Alpha(opacity=100,style=2)" src="http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg"> </MARQUEE>

  2.<MARQUEE direction=right  scrollamount=10 >

<TABLE style="FILTER: Alpha(opacity=100,style=2)"  width=350 height=263 background=http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg > </MARQUEE>

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒

代码为:

 <MARQUEE style="WIDTH: 1000px " scrollAmount=5 direction=right>

 <img src="http://img.blog.163.com/photo/C_DZm739ryYp3JNCsvJF4w==/1162491653815131852.jpg"  width=350  style="border:8px #987cb9 dotted"></MARQUEE>

 

 

 

 

图画视听》欢迎您!点击图片进入!

 

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒

 

 

诚邀加入《玫瑰茶苑》  点击图片加入!

《玫瑰茶苑》收藏!点击图片进入!

如何在图片中加入文字? - 靈夢蕊兒 - 靈夢蕊兒

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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