邓吾佳的个性小屋

小屋陋而不俗，实而不浮，取之有法，学之有章。

日志

关于我

邓吾佳

我是一盏路灯,我的最亮是为他人更明。

文章分类

各种字体特效代码汇编

2009-11-18 13:32:38| 分类：转载作品 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

字体特效汇编

代码如下:

<TABLE style="WIDTH: 430px; HEIGHT: 60px" align=center background=http://img.bimg.126.net/photo/PFDxwoiNrj8piPXB9KhTiQ==/3702803318628988463.jpg>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)">
<P><FONT style="FONT-SIZE: 20pt" face=华文行楷><B>祝大家天天好心情 </B></FONT></P></FONT></STRONG>
<P></P></TD></TR></TBODY></TABLE>

显示;

祝大家天天好心情

说明; style="WIDTH: 430px;是字体外框的宽度.HEIGHT: 60px" 是外框的高度. align=center 是指整个图片的居中. 粉色部分是闪光背景的地址, color=#000000 代表字体背景的颜色,带20pt 字样的是字的大小,

代码如下:

<DIV align=center>
<DIV style="FILTER: shadow(color=#c299ff, strength=40); WIDTH: 600px">
<FONT style="FONT-SIZE: 40pt; LINE-HEIGHT: 120px" face=华文彩云 color=#fff000>
欢迎您的到来</FONT></DIV></DIV>

显示:

欢迎您的到来

说明: 粉色代码表示对整个阴影部分的控制,其中:color=#c299ff 是指阴影的颜色,strength=40 是控制阴影本身的宽和高,WIDTH: 600px 是给阴影的宽度范围,LINE-HEIGHT: 120px 是给阴影的高度范围,40pt 指的是字体的大小,color=#fff000 是字体的颜色."华文彩云是"采用的字体,你也可以用别的字体.

代码如下:

<P align=center>
<MARQUEE scrollAmount=2 direction=down height=60>
<CENTER><FONT face=华文彩云 color=#33FF66 size=10><B>朋友，欢迎您的到来
</CENTER></B></MARQUEE>

<CENTER>
<MARQUEE scrollAmount=2 direction=up height=60>
<CENTER><FONT face=华文彩云 color=#33FF66 size=10><B>朋友，欢迎您的到来
</CENTER></B></MARQUEE> </CENTER>

显示:

朋友，欢迎您的到来

说明; 这个字体的组成是由两段代码完成的,第一段和第二段的代码除了运动的方向不同和第二段多了结束语外完全相同.代码中的 scrollAmount=2 表示字体的运行速度, direction 则表示它的运行方向,down =往下.up=往上.其余的在前面都已说过,就不再重复了,

代码如下:

<MARQUEE direction=down width=480 height=80><P align=center><IMG
src="http://www.dabaoku.com/gif/154/gif040.gif"><FONT face=隶书
color=#ff0099 size=7>请您多多指教 <IMG
src="http://www.dabaoku.com/gif/154/gif040.gif"></FONT></MARQUEE>

显示:

.

〖各种字体特效汇编〗 - 金钥匙 - 金钥匙∷博客请您多多指教

说明: 这个代码中多了两个箭头的地址,也可以用别的地址,

代码如下:

显示:

vior=alternate width=70 height=100> 朋 vior=alternate width=70 height=120> 友 vior=alternate width=70 height=100> 你 vior=alternate width=70 height=120> 好 vior=alternate width=70 height=100> 吗 vior=alternate width=70 height=120> ！

说明: 代码中黄色的(behavior=alternate )表示晃动,从代码中可以看出是上下晃动的,(direction=up).它的宽度(width=70 )仍然是两个字之间的距离.如果想添加字.那就把粉色的代码复制,粘贴.在这个基础上,我们不妨想一下,如果把它的高度都改为同一个尺寸结果是怎么样哪?现在我把它们的高度都设为120(height=120).其余不变.来看一下效果吧.请看下面一个效果:

vior=alternate width=70 height=120> 朋 vior=alternate width=70 height=120> 友 vior=alternate width=70 height=120> 你 vior=alternate width=70 height=120> 好 vior=alternate width=70 height=120> 吗 vior=alternate width=70 height=120> ！

说明: 代码我就没有必要写了,

代码如下:

<DIV align=center>
<DIV style="FONT-SIZE: 32pt; FILTER: glow(color=99FF33, strength=7);
WIDTH: 500px; COLOR: red; FONT-FAMILY: Arial">
<DIV align=center><B>寒露游之博客</B></DIV></DIV></DIV>

显示:

寒露游之博客

说明: 黄色是字体的大小,粉色是阴影部分的代码(glow(color=99FF33, strength=7是指字的颜色和阴影的浓重渡. )

代码如下:

<DIV align=center>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=500 height=293>
<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=550 height=290>
<P align=left><FONT style="FONT-SIZE: 18pt; FILTER: WIDTH: 100%; COLOR: #33ffcc; LINE-HEIGHT: 130%; FONT-FAMILY: 方正姚体" color=#33ffcc>写上你想写的字<BR>写上你想写的字<BR>写上你想写的字<BR>写上你想写的字<BR>写上你想写的字<BR>写上你想写的字<BR>写上你想写的字<BR>写上你想写的字<BR>写上你想写的字<BR>写上你想写的字<BR>写上你想写的字<BR>写上你想写的字<BR>写上你想写的字<BR>写上你想写的字<BR>写上你想写的字<BR>写上你想写的字<BR>写上你想写的字<BR>写上你想写的字<BR>写上你想写的字<BR>写上你想写的字<BR><BR></FONT></P></MARQUEE></MARQUEE></DIV>

显示:

.

vior=slide loop=1 width=500 height=293>

写上你想写的字
写上你想写的字
写上你想写的字
写上你想写的字
写上你想写的字
写上你想写的字
写上你想写的字
写上你想写的字
写上你想写的字
写上你想写的字
写上你想写的字
写上你想写的字
写上你想写的字
写上你想写的字
写上你想写的字
写上你想写的字
写上你想写的字
写上你想写的字
写上你想写的字
写上你想写的字

说明: 在第一行黄色代码中,scrollAmount=1 scrollDelay=100 都是表示对速度的控制的,前者数值越小速度越慢,后者数值越大速度越慢,behavior 是用来控制滚动的属性,slide 表示只滚动一次,所以对黄色代码来说,字体滚动一次后,它已经完成了使命,(就是我们看到的由右想左逐渐展示那样)其余由剩下的代码来完成了(由右向左滚动).

代码如下:

<DIV align=center>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow
(color:#ccff00,direction:145,strength:25)">
<TBODY>
<TR>
<TD vAlign=center align=middle bgColor=#336699><FONT style="FONT-SIZE: 30pt;
COLOR: #f90b46; FONT-FAMILY: 隶书"><B>欢迎朋友们的来访</B></FONT>
<DIV></DIV></TD></TR></TBODY></TABLE></DIV>

显示:

欢迎朋友们的来访

说明: 黄色的是字体的背景颜色, 粉色的是斜影的代码,红色的是斜影的颜色.direction:145 指的是斜影的倾斜度, strength:25 是斜影的长度.浅黄色的是字体本身的颜色.

代码如下:
<DIV align=center>
<TABLE borderColor=#ff0099 cellSpacing=10 width=600 align=center background=http://www.dabaoku.com/gif/150/gif160.gif border=0>
<TBODY>
<TR>
<TD>
<B><FONT face=幼圆 color=#ffff00 size=8>

<DIV style="BACKGROUND-IMAGE: url(http://img.photo.163.com/rD8GblEHyXjOWu5b8Yemww==/809240558044225953.jpg); BORDER-TOP-STYLE: ridge; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-BOTTOM-STYLE: ridge" align=center>

<MARQUEE width=600>寒露游之博客欢迎你的来访!</MARQUEE></DIV></FONT>

</TD></TR></TBODY></TABLE>

显示:

寒露游之博客欢迎你的来访!

.

代码如下:

大家看了上面的那个代码, 觉得漂亮吧? 现在就教你一个更加漂亮的:

<MARQUEE style="FONT-SIZE: 25pt; FILTER: shadow(color=FFFF33 ); WIDTH: 100%; COLOR: #ff0000; FONT-FAMILY: 隶书" scrollAmount=3 FONT>朋友如茶，回味无穷。友情似水，流动绵延。月光很美，比不上朋友的安慰；星星很美，比不上友情的点缀；夜空很美，比不上友谊的珍贵。
</MARQUEE>

</TD></TR></TBODY></TABLE>

显示:

朋友如茶，回味无穷。友情似水，流动绵延。月光很美，比不上朋友的安慰；星星很美，比不上友情的点缀；夜空很美，比不上友谊的珍贵。

〖文字篇〗

一、文字大小、字体、颜色

1. 设置文字大小的属性是"size"他的取值范围是1到7。其中1为最小，7为最大

格式：＜fonr size=文字大小＞被设置的字＜/font＞

2. 设置文字字体属性是"face"

格式：＜font face=文字字体＞被设置的字＜/font＞

3. 设置文字颜色的属性是"color"

格式：＜fonr color=文字颜色＞被设置的字＜/font＞

二、文字其它基础效果

1. 文字加粗：＜b＞被设置的字＜/b＞

2. 文字斜体：＜i＞被设置的字＜/i＞

3. 文字下划线：＜u＞被设置的字＜/u＞

4. 文字删除线：＜s＞被设置的字＜/s＞

5. 文字移动

格式：＜marquee scrollAmount="移动速度" direction="方向" ＞被设置的字＜/marquee＞

设置移动速度属性是scrollAmount，他的取值范围是1到10。其中1为最慢，10为最快

设置移动方向属性是direction，"up"（上），"down"（下），"left"（左），"right"（右）

三、文字段落设置

1. 文字换行：换行标记是＜br＞，放在文字结尾处使得其后的文字在下一行显示

2. 文字段控制：段落标记是＜p＞，放在文字后，使其后文字空一行后换行显示

这里介绍＜p＞标记的一个简单属性："align"用来设置文字段落的对齐方式。

属性值有"center"（居中对齐），"left"（向左对齐），"right"（向右对齐）

格式：＜p align=属性值＞被设置的段落＜/p＞

3. 文字的分区显示：标记为＜div＞，属性同＜p＞

格式：＜div align=属性值＞被设置的段落＜/div＞

四、文字链接设置

1. 点击文字转到链接地址

格式：＜ a href="所要连接的相关地址"＞被设置的字＜/a＞

2. 点击文字在新窗口中打开链接地址

格式：＜a href="相关地址" target="_blank"＞被设置的字＜/a＞

评论这张

转发至微博

阅读(523)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_083065086094083065082080083095086095082071082080086065',
              blogTitle:'各种字体特效代码汇编',
              blogAbstract:'<P\>  <TABLE height=\"100\" cellPadding=\"8\" width=\"660\" align=\"center\" border=\"10\" \>  <TBODY\>  <TR\>  <TD align=\"middle\" \>  <P\> </P\>  <DIV align=\"center\" \>  <DIV style=\"FILTER: shadow(color=#c299ff, strength=30); WIDTH: 480px;\"  \><FONT style=\"FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-: normal;\"  face=\"华文新魏\" color=\"#fff000\" \><B\>字 体 特 效 汇 编</B\></FONT\> <BR\></DIV\></DIV\>  <P\><FONT color=\"#ff00ff\" \></FONT\> </P\>  <P\><FONT color=\"#ff00ff\" \></FONT\> </P\>  <FIELDSET style=\"WIDTH: 500px;\"  align=\"center\" \>  <P\><LEGEND align=\"center\" \><FONT color=\"red\" size=\"4\" \><STRONG\>代码如下: </STRONG\></FONT\></LEGEND\><FONT color=\"#008080\" \></FONT\></P\>  <P\><FONT color=\"#008080\" \></FONT\> </P\>  <P align=\"center\" \><FONT size=\"2\" \> <P align=center></FONT\></P\>  <P align=\"center\" \><FONT size=\"2\" \><TABLE style=\"WIDTH: 430px; HEIGHT: 60px\" align=center background=</FONT\></P\></FIELDSET\></TD\></TR\></TABLE\></P\>',
              blogTag:'',
              blogUrl:'blog/static/293466022009101813238538',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1317379728388,
              publishTime:1258522358538,
              permalink:'blog/static/293466022009101813238538',
              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: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/293466022009101813238538">${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 - 订阅此博客

邓吾佳的个性小屋

导航

日志

各种字体特效代码汇编

历史上的今天

最近读者

热度

评论

页脚