缘梦天空

QQ群号:33390937.和42394049. 诉说人生,共聚欢乐

日志

关于我

缘梦天空

缘梦天空这是一个快乐的QQ群体。希望每次的聚会,都能以一个团体为主导思想,让我们大家感受到一个群体的温暖。不管走到哪里,都有我们这群聊友在相互关心的环境里,感受到“来了就不想走”。祝愿我们的群体越来越庞大,朋友满天下

文章分类

博客文字特效汇总

2007-12-31 23:26:46| 分类：博客代码 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

博客文字特效汇总

2006-11-26 16:04

常用参数解析：

#xxxxxx 表示颜色代码，替换改变相应颜色

strength 表示强度（如发光效果等）

direction 投影等角度（必须添45的倍数）

size 表示文字的大小

color 文字颜色

★文章首字下沉特效：

请在此填写文字内容，然后看效果！

</DIV>

★文章上下滚动的特效：

<MARQUEE scrollAmount=2 scrollDelay=200 direction=up width="100%"

height=210><FONT style="LINE-HEIGHT: 180%; LETTER-SPACING: 3px"

color=#ffffff>所要写的字</FONT></MARQUEE>

★做比较大的字代码

<FONT color=#09f7f7 size=7><STRONG><SUP><FONT color=#99ff00>要写的

字</FONT></SUP></FONT>

★文字走马灯效果代码

<marquee width="157" height="21">这里输入文字

★改变文字的字体和颜色代码1

<b><font face=华文行楷 size=5 color=#ff0000>要修改字体和颜色的字

提示：color=文章颜色

★改变文字的字体和颜色代码2

提示：color=文章颜色

★移动文字代码

<marquee width="157" height="21">你要写的文字</marquee>

★文字特效显示代码

效果一：<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black);

FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>

输入文字</B></FONT></CENTER>

效果二：<CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black);

FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>

输入文字</B></FONT></CENTER>

效果三：<CENTER><FONT color=#0099ff style="FILTER: blur(add=1,

direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; ; LINE-HEIGHT: 150%; WIDTH: 450px">输入文字</FONT></CENTER>

效果四：<MARQUEE behavior=alternate direction=up height=150

scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460 <IMG

src="http://www.smba

china.com/upload/upfile/2004430154320.gif"></FONT></FO

NT></MARQUEE></DIV></TD></TR></TBODY></TABLE></DIV>

<DIV>

<TBODY>

<TR>

<DIV align=center><MARQUEE scrollDelay=99 width="100%" height=108 border="0"><IMG src="http://www.smba-china.com/upload/upfile/2004430154320.gif"><FONT

color=#b990f7><FONT face=华文行楷 color=#4d4dff size=7><B>输入文字</B><IMG src="http://www.smba-china.com/upload/upfile/2004430154320.gif"></FONT></FO

NT></MARQUEE></DIV></TD></TR></TBODY></TABLE></DIV>

★倒帖的文字特效代码

<p align=right><FONT

style="FONT-SIZE:50pt;filter:FlipH(color=silver);WIDTH:100%;

COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>请输入你想要的文字</B></FONT></p>

★翻转文字特效代码

<FONT style="FONT-SIZE:50pt;filter:FlipV(color=silver);WIDTH:100%;

COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>请输入你想要的文字</B></FONT>

★漂动文字特效代码

<table align=center border=3 bordercolor="#CD5C5C" width=450 height=350><td background=http://bbs.yunbbs.com/uploadFile/2004-12/20041210163350528.jpg><marquee behavior=alternate scrollamount=3 direction=down height=350><marquee behavior=alternate scrollamount=3 width=500><img src=1.gif><font color=red size=6><b>请输入你想要的文字</b><img src=1.gif></font></marquee></table><br>

★漂的字特效代码

<P align=center><IMG src="http://members12.tsukaeru.net/rose/0sozai/2cut/ico/50-01/s012.gif"></P><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=000000); WIDTH: 160%;

COLOR: #4d4dff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">请输入你想要的文字</FONT></MARQUEE></MARQUEE></P>

★滚动字特效代码

<marquee width="200" height="100" direction="right" behavior="alternate"

scrollamount="6" scrolldelay="88">输入你想要的文字</marquee>

提示说明：

scrollAmount 它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3

比较好，width和height 表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值，direction 表示滚动的方向，默认为从右向左：←。可选的值有right、down、up。滚动方向分别为：right表示→→，up表示↑，down表示↓scrollDelay 这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的，behavior用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)

★改变滚动字幕的颜色代码

<marquee scrollAmount=2 width=300><a style=color:CC6600>输入你想要的文字</a></marquee>

★当鼠标停留在文字上，文字停止滚动代码

<marquee scrollAmount=2 width=300 scrollAmount=2 width=150 behavior=alternate>输入你想要的文字/marquee>

★多行文本向上滚动特效代码

★不停变化颜色的字代码

<DIV style="WIDTH: 460px; HEIGHT:30px"><IMG height=2

src="/web/ewebeditor/UploadFile/2005101692624157.gif" width=460px

align=right><IMG height=30px src="/web/ewebeditor/UploadFile/2005101692625359.gif" width=446.2px

align=right><DIV style="FONT-SIZE: 20px; FILTER: Chroma(color=#FCFBFA);

FLOAT: left; WIDTH: 460px; HEIGHT:30px; BACKGROUND-COLOR:#000000"

align=center><FONT color=#FCFBFA>输入文字</FONT></DIV></DIV>

★带框文字特效代码

<font color=#02B452

style="border-color=#FF0000;border-top-style:outset;border-bottom-style:out

set;border-right-style:outset;border-left-style:outset">修改你要的字</font>

提示：这些符号是边框类型(修改代码中可修改,不过建议上下左右边框用同一种效果)

double 表示边框样式为：双线

groove 表示边框样式为：3D凹槽状

dotted 表示边框样式为：点线

inset 表示边框样式为：3D内嵌边框

outset 表示边框样式为：3D外嵌边框

ridge 表示边框样式为：3D凸脊状

dashed 表示边框样式为：虚线

solid 表示边框样式为：实线

★滚动红色字特效代码

<marquee width="650" height="60"><font color="red">请输入你想要的文字</font></a></marquee>

★滚动无框红色字特效代码

<div style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH:

634px; ; TOP: 0px; HEIGHT: 530px; zindex: 90"

resiziable="true"><marquee width="750" height="60"><font color="red">请输入你想要的文字</font></a></marquee>

★左右移动字特效代码

<font colo*=#855558><center><marquee behavior="alternate"

scrollamount="2">请输入你想要的文字</marquee></marquee></font></center>

★角度跳动的字左右移动字特效代码

<marquee behavior="alternate" direction="up" height="80" width="60%"

scrollamount="2" scrolldelay="0"><marquee behavior="alternate"

scrollamount="3">请输入你想要的文字</marquee></marquee>

★七字体顔色文字特效代码

显示竖排的文字：

<DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>博客文章文字</P></DIV>

评论这张

转发至微博

阅读(156)| 评论(1)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087068092086087070092084083095086085081074083085086065',
              blogTitle:'博客文字特效汇总',
              blogAbstract:'<P style=\"TEXT-INDENT: 2em;\"  \>博客文字特效汇总</P\>  <P style=\"TEXT-INDENT: 2em;\"  \>2006-11-26 16:04</P\>  <P style=\"TEXT-INDENT: 2em;\"  \>  <TABLE\>  <TBODY\>  <TR\>  <TD\>  <P\></P\>  <P style=\"TEXT-INDENT: 2em;\"  \>  <TABLE\>  <TBODY\>  <TR\>  <TD\>  <P\></P\>  <P style=\"TEXT-INDENT: 2em;\"  \>推荐颜色代码对应网站查看:</P\>  <P style=\"TEXT-INDENT: 2em;\"  \><A href=\"http://wtyf2008.blog.163.com/blog/static/841614420061011103136144\"  \>http://wtyf2008.blog.163.com/blog/static/841614420061011103136144</A\> </P\>  <P style=\"TEXT-INDENT: 2em;\"  \>常用参数解析：</P\>  <P style=\"TEXT-INDENT: 2em;\"  \>#xxxxxx 表示颜色代码，替换改变相应颜色</P\>  <P style=\"TEXT-INDENT: 2em;\"  \>strength 表示强度（如发光效果等）</P\>  <P style=\"TEXT-INDENT: 2em;\"  \>direction 投影等角度（必须添45的倍数）</P\>  <P\></P\></TD\></TR\></TABLE\></P\></TD\></TR\></TABLE\></P\>',
              blogTag:'',
              blogUrl:'blog/static/2309730220071131112646972',
              isPublished:1,
              istop:false,
              type:0,
              modifyTime:1317452249422,
              publishTime:1199114806972,
              permalink:'blog/static/2309730220071131112646972',
              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:false,
              hostIntro:'缘梦天空这是一个快乐的QQ群体。希望每次的聚会,都能以一个团体为主导思想,让我们大家感受到一个群体的温暖。不管走到哪里,都有我们这群聊友在相互关心的环境里,感受到“来了就不想走”。祝愿我们的群体越来越庞大,朋友满天下',
              hmcon:'0',
              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/2309730220071131112646972">${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 - 订阅此博客

缘梦天空

导航

日志

博客文字特效汇总

历史上的今天

最近读者

热度

评论

页脚