注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

可可哥

人生就像一面镜子,你笑它就笑,你哭它就哭。

 
 
 

日志

 
 

【习作】关于投射特效字的一组代码(学码札记之六)  

2013-02-25 06:28:51|  分类: 学码札记 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

      前些天,一些朋友问投射特效字是如何制作的。其实并不复杂,它是由代码生成的,你只需按照本文提示,亲自做一遍,就能掌握并应用了。这组投射特效字的基本代码(红色字)如下:

<DIV align=center>
<DIV style="FONT-SIZE: 45pt; FILTER: Shadow(color=#FF00FF, strength=10,direction=145); WIDTH: 800px; HEIGHT: 90pt">
<DIV align=center><FONT face=黑体 color=#ffff00 size=7><STRONG>投射特效字的基本代码</STRONG></FONT></DIV></DIV></DIV>

      提示1,请复制以上这组代码(包括蓝色字,凡蓝色字都是可以改变的),将其粘贴在“写日志”的“< >”源代码草稿正文栏里即可生成,点击“预览”,即可见到它的实际效果:

投射特效字的基本代码
 

    提示2,以上代码中的Shadow是投射影子, color=#FF00FF是影子颜色, strength=10是投射长度, direction=145是投射角度, WIDTH: 800px; HEIGHT: 90pt是文字边框尺寸, face=黑体是字体,color=#ffff00是文字颜色,size=7是字号,<STRONG>投射特效字的基本代码,这里的蓝色字可换成自己需要表达的文字。   

    提示3,根据需要可加长投射长度:将strength=10改为strength=30,数值越大,影子越长。调整后的这组代码为:

<DIV align=center>
<DIV style="FONT-SIZE: 45pt; FILTER: Shadow(color=#FF00FF, strength=30,direction=145); WIDTH: 800px; HEIGHT: 90pt">
<DIV align=center><FONT face=黑体 color=#ffff00 size=7><STRONG>加长投射长度后的实际效果</STRONG></FONT></DIV></DIV></DIV>

加长投射长度后的实际效果:
  

 

    提示4,根据需要可改变角度向右上方投射:direction=145改为direction=35direction=45。 请注意:向上投射字体的投射影子因受文字边框高度影响,最大值不能超过20strength=20调整后的这组代码为:

<DIV align=center>
<DIV style="FONT-SIZE: 45pt; FILTER: Shadow(color=#FF00FF, strength=20,direction=45); WIDTH: 800px; HEIGHT: 90pt">
<DIV align=center><FONT face=黑体 color=#ffff00 size=7><STRONG>改变角度向右上方投射</STRONG></FONT></DIV></DIV></DIV>

改变角度向右上方投射

 

      提示5,改变角度向左下方投射:将direction=145改为direction=235direction=245调整后的这组代码为:

<DIV align=center>
<DIV style="FONT-SIZE: 45pt; FILTER: Shadow(color=#FF00FF, strength=20,direction=235); WIDTH: 800px; HEIGHT: 90pt">
<DIV align=center><FONT face=黑体 color=#ffff00 size=7><STRONG>改变角度向左下方投射</STRONG></FONT></DIV></DIV></DIV>

改变角度向左下方投射

      提示6,改变角度向左上方投射,将direction=145改为direction=315direction=305调整后的这组代码为: 

<DIV align=center>
<DIV style="FONT-SIZE: 45pt; FILTER: Shadow(color=#FF00FF, strength=20,direction=315); WIDTH: 800px; HEIGHT: 90pt">
<DIV align=center><FONT face=黑体 color=#ffff00 size=7><STRONG>改变角度向左上方投射</STRONG></FONT></DIV></DIV></DIV>

 

改变角度向左上方投射
          提示7,改变颜色,改变字体。改变影子颜色,将color=#FF00FF改为color=#FF9999;改变字体颜色,将color=#ffff00改为color=#ff330e ;改变字体,将face=黑体改为face=宋体。有关颜色代码可见本博日志颜色世界(学码札记之二) 》。调整后的这组代码为:

<DIV style="FONT-SIZE: 45pt; FILTER: Shadow(color=#FF9999, strength=20,direction=315); WIDTH: 800px; HEIGHT: 90pt">
<DIV align=center><FONT face=宋体 color=#ff330e size=7><STRONG>热烈欢迎各位朋友莅临指导!</STRONG></FONT></DIV></DIV></MARQUEE>

热烈欢迎各位朋友莅临指导!
 

关于投射字的应用代码 - 可可哥 - 可可哥

 【原创】学码札记 - 可可哥 - 可可哥 【原创】学码札记 - 可可哥 - 可可哥 【原创】学码札记 - 可可哥 - 可可哥   

——————————————————

  评论这张
 
阅读(583)| 评论(30)
推荐

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017