兰馨的博客

用智慧营造心灵的空间

日志

关于我

兰馨

不争,元气不伤,不畏,慧灼闪光,不怒,百神和畅,不忧,心地清凉,不求,不卑不亢,不执,可圆可方,不贪,便是富贵,不苟,何惧君王！

文章分类

LOFTER精选

八招诀窍，教你实力撩妹 >

在图片中加入文字的代码

2008-07-15 20:34:45| 分类：博客素材 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

在图片中加入文字的代码

在图片中加入文字

代码如下：

<TABLE height=300 cellPadding=10 width=500 align=center

background= http://img.blog.163.com/photo/WwYrlWatdEHE2DhWsz8fug

==/1451847929873968119.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特效：

在图片中加入SWP特效

在图片中加入SWF特效

请点击查看影音文件...

代码如下：

<TABLE height=300 cellPadding=10 width=500 align=center

background=http://img.blog.163.com/photo/WwYrlWatdEHE2DhWsz8fug

==/1451847929873968119.jpg border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>

在图片中加入SWF特效</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://img.blog.163.com/photo/WwYrlWatdEHE2DhWsz8fug

==/1451847929873968119.jpg border=3 table>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=隶书 color=#f7f709 size=5>

双层表框加文字加特效</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://img.blog.163.com/photo/WwYrlWatdEHE2DhWsz8fug

==/1451847929873968119.jpg 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://img.blog.163.com/photo/WwYrlWatdEHE2DhWsz8fug

==/1451847929873968119.jpg 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://img.blog.163.com/photo/WwYrlWatdEHE2DhWsz8fug

==/1451847929873968119.jpg 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>

透明FLASH的贴法

先选一个图片地址：

http://www.zhenshui.com/UploadFile/200562020232492605.jpg

再选一个flash地址：

http://www.forshine.net/flash/6.swf

代码：

<P align=center>
<TABLE height=366 cellSpacing=4 width=430

background=http://www.zhenshui.com/UploadFile/200562020232492605.jpg

border=0>
<TBODY>
<TR>
<TD>再将flash代码跟在后面贴出：

<EMBED src=http://www.forshine.net/flash/6.swf

width=430 height=366 type=application/x-shockwave-flash

quality="high" wmode="transparent"></EMBED></TABLE></TBODY>

在swf格式中打入文字的代码

<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 580px; ; TOP: 0px; HEIGHT: 420px">
<DIV style="LEFT: -30px; ; TOP: -50px"><EMBED src=http://music.leiyu668.com/3_flash/tmdh/175.swf width=630 height=480 type=application/octet-stream quality="high" wmode="transparent"> </DIV>
<DIV style="LEFT: 210px; ; TOP: 315px">
<TABLE cellSpacing=0 cellPadding=0 width=510 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#ffff66)">
<DIV style="FILTER: glow(color=#FFF000 strength=6); WIDTH: 100%; COLOR: white"><FONT style="FONT-SIZE: 60pt; FONT-FAMILY: 华文彩云" color=#ff0066><B>东方洋家园</B> </FONT></DIV></TD></TR></TBODY></TABLE></DIV></DIV>
<P> </P>
<P> </P>

一些代码字号 [大中小]修改文字的字体/颜色/大小只修改字的颜色：

<font color=#ff0000>要修改字体和颜色的字</font>color用来设置文字的颜色

好看的字体颜色有：#ff1493 #228b22 #4169e1 #9400d3 #ff0000 #daa520 #00ccff

#ccccff #cc99ff #993399

只修改字的大小：
<font size=5>要修改字体和颜色的字</font>
size用来设置文字的大小数字的取值范围从1-7，size取1时最小，取7时最大

只修改字的字体：
<font face=华文行楷>要修改字体和颜色的字</font>
face用来设置字体如黑体宋体楷体_GB2312仿宋_2312等等

同时修改字的字体,大小,颜色：
<font face=华文行楷 size=5 color=#ff0000>要修改的文字</font>
其中,<font size=数字 face=字体名 color=颜色>要修改的文字</font>

发光文字代码：
<table style="FILTER: glow(color=#6699FF,direction=2)"><font color=#ffffff size=2>要

修改的文字</font></table>
其中color是阴影的颜色，可以配合网页色调改变，direction是设置阴影的强度，font color是原字体的颜色

浮雕的文字：
<table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);"><font color=#ffffff>要修改的文字</font></table>
其中color是阴影的颜色，可以配合网页色调改变，positive是设置阴影的强度，offx和offy是设置的阴影和文字的距离，font color是原字体的颜色

阴影的文字：
<table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);"><font color=#6CABE7 size=2>要修改的文字</font></table>

插入表格
<table border="2" width="340" bordercolor="#0000FF" bgcolor="#COCOCO"><tr><td width="100%"><p align="center"></td></tr></table>
border：边框大小，0为不显示边框
bordercolor：边框颜色
bgcolor：表格背景颜色
tr：添加行
td：添加列

插入超链接

<a href="http://要链接的地址" target="_blank">文字说明</a>

滚动字代码
1.建立第一个滚动字幕代码：
<marquee width="300" height="100" direction="right" behavior="alternate" scrollamount="6" scrolldelay="88">东方洋家园</marquee>

2.各参数详解：
a)scrollAmount它表示速度，值越大速度越快如果没有它，默认为6，建议设为1～3比较好
b)width和height，表示滚动区域的大小，width是宽度，height是高度特别是在做垂直滚动的时候，一定要设height的值
c)direction表示滚动的方向，默认为从右向左：可选的值有rightdownup滚动方向分别为：right表示，up表示，down表示
d)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢通常scrollDelay是不需要设置的
e)behavior用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)slide(幻灯片效果，指的是滚动一次，然后停止滚动)

3.实例：
a)如何给滚动字幕加超链接？这跟平时的超链接是完全一样的只要在文字外面加上<a href=***>和</a>就可以了

代码是：
<marquee scrollAmount=2 width=300><a href=http://www.56.com>写文字</a></marquee>
b)当鼠标停留在文字上，文字停止滚动代码：
<marquee scrollAmount=2 width=300&****;**mouseover=stop()&****;**mouseout=start()>写文字</marquee>
c)交替效果代码如：
<marquee scrollAmount=2 width=150 behavior=alternate>写文字</marquee>
d)多行文本向上滚动代码如：
<marquee scrollAmount=2 width=300 height=50 direction=up>?写文字<br>?写文字<br><a href=http://blog.163.com/liuxqun@126/>东方洋家园</a></marquee>
e)改变滚动字幕的颜色可以用样式表来控制代码是：
<marquee scrollAmount=2 width=300><a style=color:CC6600>写文字</a></marquee>

评论这张

转发至微博

阅读(18)| 评论(0)

推荐转载

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_084075092085080074085094084095092085087068081087081071',
              blogTitle:'在图片中加入文字的代码',
              blogAbstract:'<P style=\"TEXT-INDENT: 2em;\"  \><FONT color=\"#008000\" \><FONT color=\"#800000\" size=\"5\" \><STRONG\>在图片中加入文字的代码</STRONG\></FONT\></FONT\></P\>  <DIV\>  <DIV style=\"WIDTH: 760px;\"  content c g_c_pdin g_p_center\>  <P\> <FONT color=\"#800080\" size=\"5\" \><STRONG\><BR\></STRONG\></FONT\>  <TABLE height=\"300\" cellPadding=\"10\" width=\"500\" align=\"center\" background=\"http://img.blog.163.com/photo/NwvJXTNeQrXJmqA9S8s6tw==/1452692354804162614.jpg\" border=\"3\" table=\"0\"  \>  <TBODY\>  <TR\>  <TD\>  <DIV align=\"center\" \><FONT face=\"楷体_GB2312\" color=\"#ff0000\" size=\"5\" \><STRONG\>在图片中加入文字</STRONG\></FONT\></DIV\>  <DIV align=\"center\" \><FONT face=\"楷体_GB2312\" color=\"#00ff00\" size=\"5\" \><STRONG\></STRONG\></FONT\> </DIV\>  <DIV align=\"center\" \><FONT face=\"楷体_GB2312\" color=\"#00ff00\" size=\"5\" \><STRONG\>在图片中加入文字</STRONG\></FONT\></DIV\>  <DIV align=\"center\" \></DIV\></TD\></TR\></TABLE\></P\></DIV\></DIV\>',
              blogTag:'',
              blogUrl:'blog/static/83675174200861583445413',
              isPublished:1,
              istop:false,
              type:0,
              modifyTime:1316862060731,
              publishTime:1216125285413,
              permalink:'blog/static/83675174200861583445413',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'不争,元气不伤,不畏,慧灼闪光,不怒,百神和畅,不忧,心地清凉,不求,不卑不亢,不执,可圆可方,不贪,便是富贵,不苟,何惧君王！',
              hmcon:'-1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/83675174200861583445413">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 博客风格 - 手机博客 - 下载LOFTER APP - 订阅此博客

兰馨的博客

导航

日志

在图片中加入文字的代码

历史上的今天

最近读者

热度

评论

页脚