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

.

.

 
 
 

日志

 
 

教程:如何在图片中加入文字?  

2008-01-31 10:22:05|  分类: 博客制作 |  标签: |举报 |字号 订阅

  下载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>

 

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

教程:如何在图片中加入文字? - 白云飘瓢 - .

 

 

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

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

教程:如何在图片中加入文字? - 白云飘瓢 - .

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

历史上的今天

评论

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

页脚

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