开心湖

日志

关于我

开心湖

文章分类

文字代码汇总

2012-01-17 12:35:22| 分类：默认分类 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

一、文字基本代码

◆字体加粗： <B>插入文字</B>

◆字体斜体： <I>插入文字</I>

◆字体下划线∶ <U>插入文字</U>

◆字体删除线∶ <S>插入文字</S>

◆字体加大∶ <BIG>插入文字</BIG>

◆打字机字体∶ <TT>插入文字</TT>

◆文字闪烁效果∶ <BLINK>插入文字</BLINK>

◆文字换行： <BR>

◆文字空格：  

◆文字段落： <P>文字</P>

◆文字原始样式：<PRE>正文</PRE>

◆文字字体： <FONT face=字体代码>插入文字</FONT> 常用字体代码：宋体、黑体、楷体_GB2312 、仿宋_GB2312 、新宋体、幼圆、隶书、方正舒体、华文新魏、华文行楷、华文细黑、华文彩云、方正姚体、迷你简粗倩、

◆文字大小1： <H1>插入文字</H1> (h1最大，h5最小)

◆文字大小2：<FONT size=字号>插入文字</FONT>（字号大小 size=1—7 ,参数1号最小,7号最大。还可用CSS样式来定义字体,即:style=font:20pt 。)

◆文字颜色： <FONT color=颜色代码>插入文字</FONT>

◆坚排文字∶ <P align=right><FONT style="FONT-SIZE: 16pt; WIDTH: 300px; COLOR: #ea0000; FONT-FAMILY: 宋体; WRITING-MODE: tb-rl; TEXT-ALIGN: left">竖排文字<BR>竖排文字<BR>竖排文字</P>(右对齐right)

二、文字移动

文字单向移动

<P style="TEXT-INDENT: 2em"><MARQUEE style="WIDTH: 542px; HEIGHT: 39px" direction=right scrollAmount=5><FONT color=#ff0000 size=5 face=楷体_gb2312>文字单向移动</FONT></MARQUEE></P> （说明：移动速度scrollAmount=5 ，移动方向direction= left向左、right向右、down向下、up 向上)

文字向上移动

文字往复移动

<P style="TEXT-INDENT: 2em"> 
<MARQUEE style="WIDTH: 509px; HEIGHT: 23px" behavior=alternate scrollAmount=5><FONT color=#ff0000 size=5 face=楷体_gb2312>文字往复移动</FONT></MARQUEE></P> （说明：behavior=alternate 往复移动、scroll 绕圈移动、slide只走一次）

文字往复跳跃移动

<P style="TEXT-INDENT: 2em"><FONT size=2><MARQUEE style="WIDTH: 473px; HEIGHT: 39px" behavior=alternate scrollAmount=50 scrollDelay=500><FONT color=#ff2d2d size=5 face=楷体_gb2312>文字往复跳跃移动</FONT></MARQUEE><BR></FONT></P> （说明：behavior=alternate 往复移动、scrollAmount=50 步距，值大步快； scrollDelay=500 速度，值大快）

文字沿曲线移动

<P style="TEXT-INDENT: 2em"><MARQUEE style="WIDTH: 500px; HEIGHT: 200px" direction=up behavior=alternate width=500>
<MARQUEE style="WIDTH: 592px; HEIGHT: 194px" direction=right><FONT color=#ff0000 size=5 face=楷体_GB2312>文字曲线移动</FONT> </MARQUEE></MARQUEE></P>

文字沿8字移动

文字上下合并 文字上下合并

<P align=center><CENTER><MARQUEE direction=down height=60 scrollAmount=2>
<CENTER><FONT color=#a25e6b size=8 face=华文彩云><B>文字上下合并</FONT></CENTER></B></MARQUEE><CENTER>
<MARQUEE direction=up height=60 scrollAmount=2><CENTER><FONT color=#a25e79 size=8 face=华文彩云><B>文字上下合并</FONT></CENTER></B></MARQUEE></CENTER></CENTER>

>>箭头指向文字 <<

<P style="TEXT-INDENT: 2em">  <MARQUEE behavior=alternate width="10%"><FONT color=#ff0000 size=3>>></FONT></MARQUEE><FONT size=5 face=楷体_GB2312>箭头指向文字</FONT> <MARQUEE behavior=alternate width="10%"><FONT color=#ff0000 size=3><<</FONT></MARQUEE></P>

三、特效文字

虚边字

<DIV style="FILTER: glow(color=333366); WIDTH: 85px; FONT-FAMILY: 楷体_gb2312; HEIGHT: 56px; COLOR: #ff2d2d; FONT-SIZE: 20pt"><P>虚边字</P></DIV> 效果如下：

移动虚边字

<P align=left><MARQUEE style="FILTER: shadow(color=333366); WIDTH: 152px; FONT-FAMILY: 楷体_gb2312; HEIGHT: 43px; COLOR: #ff2d2d; FONT-SIZE: 20pt">移动虚边字</MARQUEE></P>。效果如下：

可变虚边字

<DIV style="FILTER: glow(color=#333366, strength=10); WIDTH: 287px; HEIGHT: 31px" twffan="done"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 20pt; FONT-WEIGHT: normal" color=#ff2d2d face=楷体_gb2312>  可变虚边字</FONT></DIV> (strength=10 调数字改变虚边大小)

光晕字

立体字

<DIV style="FILTER: shadow(color=#333366,direction=100); LINE-HEIGHT: 150%; WIDTH: 175px; FONT-FAMILY: 楷体_gb2312; HEIGHT: 40px; COLOR: #ff0033; FONT-SIZE: 20pt">  立体字</DIV>。效果如下：

四、闪光文字

<P align=center><A href="http://photo.blog.sina.com.cn/showpic.html#blogid=7efa2a040100urzj&

url=http://s15.sinaimg.cn/orignal/7efa2a04xa270c6c2de8e" target=_blank>

<IMG style="WIDTH: 405px; HEIGHT: 176px" id=image_operate_74181304505234078 title="" name=image_operate_74181304505234078 alt=""

src="http://s15.sinaimg.cn/middle/7efa2a04xa270c6c2de8e&690" width=477 height=194></A></P>

欢迎光临

欢迎光临

<TABLE align=center background=http://img840.photo.163.com/bDt4dnSQ23E1EJmLZiKhGg==/788411409767625131.jpg border=5><TBODY><TR><TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 40pt" face=隶书 color=#336699><B>Goodfun欢迎光临</B></FONT></TD></TR></TBODY></TABLE>
<P> </P>

感谢朋友们

<TABLE align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0018.gif border=5>
<TBODY><TR><TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 40pt" face=隶书 color=#336699><B>感谢朋友们</B></FONT></TD></TR></TBODY></TABLE>

欢迎常来

<TABLE align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0008.gif border=5>
<TBODY><TR><TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 40pt" face=隶书 color=#336699><B>Goodfun欢迎常来</B></FONT></TD></TR></TBODY></TABLE>

祝您平安

开心欢迎您

<TABLE align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0003.gif border=5>
<TBODY><TR><TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 35pt" face=隶书 color=#336699><B>开心欢迎您Goodfun</B></FONT></TD></TR></TBODY></TABLE>

衷心祝福您

<TABLE align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0001.gif border=5>
<TBODY><TR><TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 50pt" face=隶书 color=#336699><B>衷心祝福您</B></FONT></TD></TR></TBODY></TABLE>

对朋友以诚相见

<TABLE align=center background=http://img845.photo.163.com/s5_ZHUOwFkahnnoxLyPGaQ==/911134499612428537.jpg border=5>
<TBODY><TR><TD style="FILTER: mask(color=#ff0000)" align=middle><FONT style="FONT-SIZE: 40pt" face=隶书 color=#336699><B>对朋友以诚相见</B></FONT></TD></TR></TBODY></TABLE>

欢迎朋友引用

<TABLE align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0036.gif border=5>
<TBODY><TR><TD style="FILTER: mask(color=#00ff00)" align=middle><FONT style="FONT-SIZE: 50pt" face=隶书 color=#336699><B>欢迎朋友引用</B></FONT></TD></TR></TBODY>

美好祝福送给您

欢迎光临 http://kxg198.blog.163.com/ 希望常来

<TABLE border=1 cellSpacing=2 borderColor=#6495ed cellPadding=0 width=600 background=http://img313.ph.126.net/XWQpuQHENe1TUQJsWvvR4A==/3672404021144901099.jpg align=center>
<TBODY>
<TR>
<TD bgColor=#0f4ffe>
<P align=center> </P>
<P align=center><EMBED height=40 type=application/x-shockwave-flash width=120 src=http://js4.pp.sohu.com.cn/ppp/blog/widgets_v_081016/clock//clock1/Blue.swf allowNetworking="internal" allowScriptAccess="never" invokeurls="false" wmode="transparent"></P>
<P align=center></P>
<P align=center><EMBED style="TEXT-ALIGN: center; DISPLAY: block" height=50 type=application/x-shockwave-flash width=500 src=http://imgfree.21cn.com/free/flash/12.swf allowNetworking="internal" allowScriptAccess="never" quality="high" invokeurls="false" wmode="transparent"></P>
<P style="MARGIN-TOP: -55px; MARGIN-LEFT: 10px"></P>
<P align=center>
<MARQUEE style="WIDTH: 500px; HEIGHT: 50px" behavior=alternate scrollAmount=1 scrollDelay=1><A style="TEXT-DECORATION: none" href="http://aping29.blog.163.com/" target=_blank><FONT style="FONT-SIZE: 20pt" color=#ffff00 face=宋体><b>美好祝福送给您</b></FONT></A></MARQUEE></P>
<TABLE border=0 cellSpacing=1 width=580 background=http://img839.ph.126.net/W-QPdxXvlnkhOrzZNojGIQ==/777715360652301779.gif align=center <TBODY>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#0f4ffe)" height=40 align=middle><A style="TEXT-DECORATION: none" href="http://kxg198.blog.163.com/" target=_blank><FONT style="FONT-FAMILY: 方正隶书; COLOR: #ffff00; FONT-SIZE: 20pt">欢迎光临   <FONT size=4 face="Times New Roman">http://kxg198.blog.163.com/</FONT><FONT style="FONT-FAMILY: 方正隶属; COLOR: #ffff00; FONT-SIZE: 20pt">  希望常来</FONT></A></FONT></TD></TR></TBODY></TABLE><br></TD></TR></TBODY></TABLE>

评论这张

转发至微博

阅读(163)| 评论(1)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087067083086087075082085095069072084081066083087084066082082',
              blogTitle:'文字代码汇总',
              blogAbstract:'  <P style=\"TEXT-INDENT: 2em;\"  \><FONT size=\"4\" \><STRONG\>一、文字基本代码</STRONG\></FONT\></P\>  <P style=\"TEXT-INDENT: 2em;\"  \>◆字体加粗： <B>插入文字</B> </P\>  <P style=\"TEXT-INDENT: 2em;\"  \>◆字体斜体： <I>插入文字</I> </P\>  <P style=\"TEXT-INDENT: 2em;\"  \>◆字体下划线∶ <U>插入文字</U> </P\>  <P style=\"TEXT-INDENT: 2em;\"  \>◆字体删除线∶ <S>插入文字</S> </P\>  <P style=\"TEXT-INDENT: 2em;\"  \>◆字体加大∶ <BIG>插入文字</BIG> </P\>  <P style=\"TEXT-INDENT: 2em;\"  \>◆打字机字体∶ <TT>插入文字</TT> </P\>  <P style=\"TEXT-INDENT: 2em;\"  \>◆文字闪烁效果∶ <BLINK>插入文字</BLINK> </P\>  <P style=\"TEXT-INDENT: 2em;\"  \>◆文字换行： <BR></P\>  <P style=\"TEXT-INDENT: 2em;\"  \>◆文字空格： &nbsp; </P\>  <P style=\"TEXT-INDENT: 2em;\"  \>◆文字段落： <P>文字</P></P\>  <P style=\"TEXT-INDENT: 2em;\"  \>◆文字原始样式：<PRE>正文</PRE></P\>',
              blogTag:'文字代码',
              blogUrl:'blog/static/201712164201201703522488',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1341939885086,
              publishTime:1326774922488,
              permalink:'blog/static/201712164201201703522488',
              commentCount:1,
              mainCommentCount:1,
              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:true,
              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/201712164201201703522488">${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 - 订阅此博客

开心湖

导航

日志

文字代码汇总

历史上的今天

最近读者

热度

评论

页脚