xiejianqing1234的博客

阿清热烈欢迎好友到访！本博文中博客素材，大部分来自网络，在此特别致谢！

日志

关于我

阿清

一位退休老人,偶尔写点东东,自我陶醉,自我欣赏,防老痴！多结交新老朋友。走自己的路,别过分在意别人的眼光。缺乏自制力的人,百无一成。随缘命运水长流,夕阳几度曲中吟。天籁无穷歌盛世,抒情有韵赋时音。

文章分类

【转载】【代码应用】日志美术字效果图及代码

2016-03-30 19:28:05| 分类：默认分类 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自静中有动《【代码应用】日志美术字效果图及代码》

素材：取之网络

日志美术字效果图及代码

编辑：静中有动

美术字效果图	美术字效果图代码
投影美术字	<DIV style="TEXT-ALIGN: center; FILTER: Shadow(color=#660099, direction=135); WIDTH: 100%; FONT-FAMILY: 方正姚体; HEIGHT: 100%; COLOR: #f90000; FONT-SIZE: 25pt"><B>投影美术字</B></DIV>
投影美术字	<DIV style="TEXT-ALIGN: center; FILTER: blur(add=t, direction=435, strength=12); WIDTH: 100%; DISPLAY: block; FONT-FAMILY: 微软雅黑; HEIGHT: 100%; COLOR: #0000ff; FONT-SIZE: 25pt"><B>投影美术字</B></DIV>
立体美术字	<DIV style="TEXT-ALIGN: center; FILTER: shadow(color=#330530, strength=9, direction=135); WIDTH: 100%; FONT-FAMILY: 隶书; HEIGHT: 100%; COLOR: #f90b46; FONT-SIZE: 25pt"><B>立体美术字</B></DIV>
陰影美術字	<DIV style="TEXT-ALIGN: center; FILTER: Shadow(color=#FF7F00,); WIDTH: 100%; FONT-FAMILY: 黑体; HEIGHT: 100%; COLOR: #ff0000; FONT-SIZE: 24pt"><B>陰影美術字</B></DIV>
日志美术字	<DIV style="TEXT-ALIGN: center; FILTER: shadow(color=deeppink); WIDTH: 100%; FONT-FAMILY: 幼圆; HEIGHT: 100%; COLOR: #380000; FONT-SIZE: 25pt"><B>日志美术字</B></DIV>
日志美术字	<DIV style="TEXT-ALIGN: center; FILTER: shadow(color=black, strength=5, direction=135); WIDTH: 100%; FONT-FAMILY: 幼圆; HEIGHT: 100%; COLOR: white; FONT-SIZE: 25pt; FONT-WEIGHT: bold; writing: tb-rl">日志美术字</DIV>　说明：调整代码(strength=5, direction=135) 的各个数值可改变阴影方向和长短的不同效果。
重叠美术字	<DIV style="TEXT-ALIGN: center; FILTER: dropshadow(color=#0099FF, positive=1); WIDTH: 100%; FONT-FAMILY: 宋体-方正超大字符集; HEIGHT: 100%; COLOR: #0033ff; FONT-SIZE: 25pt"><B>重叠美术字</B></DIV>
清晰阴影美术字	<DIV style="TEXT-ALIGN: center; FILTER: dropshadow(color=#228B22,offX=5,offY=3,Positive=1); WIDTH: 100%; FONT-FAMILY: 华文行楷; HEIGHT: 100%; COLOR: #ff7f50; FONT-SIZE: 20pt"><B>清晰阴影美术字</B></DIV>
波纹美术字	<DIV style="TEXT-ALIGN: center; FILTER: wave(add=0,lightstrength=50,strength=2,freq=2,phrase=10); WIDTH: 100%; FONT-FAMILY: 华文细黑; HEIGHT: 100%; COLOR: red; FONT-SIZE: 25pt"><B>波纹美术字</B></DIV>
波纹美术字	<DIV style="TEXT-ALIGN: center; FILTER: wave(add=0, lightstrength=50, strength=3, freq=4, phrase=10); WIDTH: 100%; FONT-FAMILY: 华文行楷; HEIGHT: 100%; COLOR: #ffEEFF; FONT-SIZE: 26pt; FONT-WEIGHT: bold; writing: tb-rl">波纹美术字</DIV>　　说明：调整代码(add=0, lightstrength=50, strength=3, freq=4, phrase=10) 的各个数值可改变波纹字不同效果和透明度。
波浪美术字	<DIV style="TEXT-ALIGN: center; FILTER: wave(add=t, freq=2, lightstrength=5, phase=0, strength=4); WIDTH: 100%; FONT-FAMILY: 仿宋; HEIGHT: 100%; COLOR: darkblue; FONT-SIZE: 25pt"><B>波浪美术字</B></DIV>
描边中空美术字	<DIV style="TEXT-ALIGN: center; FILTER: shadow(color=#3300FF, strength=10, direction=135); WIDTH: 100%; FONT-FAMILY: 华文彩云; HEIGHT: 100%; COLOR: #33ffff; FONT-SIZE: 20pt"><B>描边中空美术字</B></DIV>
金属美术字	<DIV style="TEXT-ALIGN: center; FILTER: glow(color=black); WIDTH: 100%; FONT-FAMILY: 华文彩云; HEIGHT: 100%; COLOR: #e4dc9b; FONT-SIZE: 25pt"><B>金属美术字</B></DIV>
发光美术字	<DIV style="TEXT-ALIGN: center; FILTER: glow(color=FFFF66); WIDTH: 100%; FONT-FAMILY: 华文彩云; COLOR: #0033cc; FONT-SIZE: 25pt"><B>发光美术字</B></DIV>
空心美术字	<DIV style="TEXT-ALIGN: center; FILTER: shadow(color=black); WIDTH: 100%; FONT-FAMILY: 华文彩云; HEIGHT: 100%; COLOR: #cc0033; FONT-SIZE: 25pt"><B>空心美术字</B></DIV>
金属空心美术字	<DIV style="TEXT-ALIGN: center; FILTER: shadow(color=black, direction=200); WIDTH: 100%; FONT-FAMILY: 华文彩云; HEIGHT: 100%; COLOR: #e4dc9b; FONT-SIZE: 25pt"><B>金属空心美术字</B></DIV>
凸凹投影美术字	<DIV style="TEXT-ALIGN: center; FONT-SIZE: 20pt; FILTER: shadow(color=green, direction=10); WIDTH: 100%; COLOR: white; HEIGHT: 100%; FONT-FAMILY: 华文彩云"><B>凸凹投影美术字</B></DIV>
毛绒绒美术字	<DIV style="TEXT-ALIGN: center; FILTER: glow(color=red,strength=10); WIDTH: 100%; FONT-FAMILY: 微软雅黑; HEIGHT: 100%; COLOR: #e4dc9b; FONT-SIZE: 23pt"><B>毛绒绒美术字</B></DIV>
短毛绒美术字	<DIV style="TEXT-ALIGN: center; FILTER: glow(color=#9400de, strength=3); FONT-FAMILY: 方正姚体; HEIGHT: 100%; COLOR: #ffffff; FONT-SIZE: 25pt; FONT-WEIGHT: bold; writing: tb-rl">短毛绒美术字</DIV>　说明：改变 strength=6 的数值可使毛绒绒发生大小变化。
定位法美术字定位法美术字	<CENTER style="FONT-STYLE: italic; FONT-FAMILY: 黑体; COLOR: #FFeeff; FONT-SIZE: 25px"><B>定位法美术字</B></CENTER> <CENTER style="FONT-STYLE: italic; MARGIN-TOP: -39px; FONT-FAMILY: 黑体; COLOR: #0007ff; MARGIN-LEFT: -3px; FONT-SIZE: 25px"><B>定位法美术字</B></CENTER>根据字的大小，调整数值-39px和-3px即可。
背景加色美术字	<DIV style="TEXT-ALIGN: center; BACKGROUND-COLOR: green; WIDTH: 100%; FONT-FAMILY: 方正舒体; HEIGHT: 100%; COLOR: white; FONT-SIZE: 20pt">背景加色美术字</DIV>
制作说明：所有美术字代码中的数值和颜色代码都可按喜好隋意调换的，会不同效果的。

请保持本博的个性风格，朋友如需要此内容而不想显现来源的，请复制上面的内容自主处理

评论这张

转发至微博

阅读(118)| 评论(3)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087068080084082071083095087074072084081070082085087065092087',
              blogTitle:'【转载】【代码应用】日志美术字效果图及代码',
              blogAbstract:'  <div align=\"center\"   \>  <div\></div\><div\></div\><div\></div\><table style=\"WIDTH: 865px; HEIGHT: 2px;\"   cellspacing=\"39\"   cellpadding=\"0\"   background=\"http://img.ph.126.net/sG_zPdRswxWq_RsWkyhbFw==/3388395769643839521.jpg\"   \>  <tbody\>  <tr\>  <td\>  <div style=\"MARGIN-TOP: 8px; MARGIN-LEFT: 2px;\"   \>  <table border=\"0\"   cellspacing=\"0\"   bordercolorlight=\"#0a0000\"   bordercolordark=\"#0a0000\"   cellpadding=\"2\"   width=\"785\"   bgcolor=\"#0a0000\"   \>  <tbody\>  <tr\>  <td bgcolor=\"#0a0000\"   bordercolorlight=\"#440000\"   background=\"http://img.ph.126.net/xGGko--Xt4JG_G86PtnQ1g==/3335196999045005032.gif\"   bordercolordark=\"#000000\"   border=\"0\"   \>  </td\></tr\></table\></div\></td\></tr\></table\></div\>',
              blogTag:'',
              blogUrl:'blog/static/20563128120162307285732',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:0,
              publishTime:1459337285732,
              permalink:'blog/static/20563128120162307285732',
              commentCount:3,
              mainCommentCount:3,
              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/20563128120162307285732">${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 - 订阅此博客

xiejianqing1234的博客

导航

日志

【转载】【代码应用】日志美术字效果图及代码

历史上的今天

最近读者

热度

评论

页脚