分享

学习纯用代码制作特效字

 昵称3684204 2011-10-23

【学习纯用代码制作特效字】

 
制作这样的文字,在广泛的博里都可以见得到。有的是用某种软件制作而成;有的就是用代码来实现。那钥匙今天就讲解代码制作出来的样式,学习代码就是要基础开始学,下一步飞天,谁也没有这样的能耐啊!
 
 
 
我们先来看不要图片的制作:
 
代 码 复 制 如 下:

<DIV align=center>
<TABLE style="WIDTH: 650px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 100px; BACKGROUND-:" height=100 width=650>
<TBODY>
<TR>
<TD  vAlign=center align=center>

<P align=center><FONT style="FONT-SIZE: 45pt"><FONT face=楷体_GB2312  color=#ff8800><STRONG>金钥匙博客欢迎您</STRONG></FONT></FONT></P>

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

 显示:

金钥匙博客欢迎您

 
 
 
 
代 码 复 制 如 下:

<DIV align=center>
<TABLE style="WIDTH: 650px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 100px; BACKGROUND-:" height=100 width=650>
<TBODY>
<TR>
<TD style="FILTER: Glow(strength=12,color=#FFcc00)" vAlign=center align=center>

<P align=center><FONT style="FONT-SIZE: 45pt"><FONT face=楷体_GB2312  color=#ff0000><STRONG>金钥匙博客欢迎您</STRONG></FONT></FONT></P>

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

 显示:

金钥匙博客欢迎您

 
 
 
 
代 码 复 制 如 下:

<DIV align=center>
<TABLE style="WIDTH: 650px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 100px; BACKGROUND-:" height=100 width=650>
<TBODY>
<TR>
<TD  style="FILTER: shadow(color=#c299ff, strength=20);"   vAlign=center align=center>

<P align=center><FONT style="FONT-SIZE: 45pt"><FONT face=楷体_GB2312  color=#ff5500><STRONG>金钥匙博客欢迎您</STRONG></FONT></FONT></P>

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

 显示:

金钥匙博客欢迎您

 

 

 

代 码 复 制 如 下:

<DIV align=center>
<TABLE style="WIDTH: 650px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 100px; BACKGROUND-:" height=100 width=650>
<TBODY>
<TR>
<TD   style="FILTER: glow(color=#005500, strength=10);"   vAlign=center align=center>

<P align=center><FONT style="FONT-SIZE: 45pt"><FONT face=楷体_GB2312  color=#ff0000><STRONG>金钥匙博客欢迎您</STRONG></FONT></FONT></P>

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

 显示:

金钥匙博客欢迎您

 
 
 
 
代 码 复 制 如 下:

<CENTER style="FONT-SIZE: 50px; COLOR: #ffff00; FONT-STYLE: italic; FONT-FAMILY: Comic Sans MS"><STRONG><FONT face=隶书>金钥匙博客欢迎您</FONT></STRONG></CENTER>

<CENTER style="MARGIN-TOP: -90px; FONT-SIZE: 50px; MARGIN-LEFT: -0px; COLOR: #00ff00; FONT-STYLE: italic; FONT-FAMILY: Comic Sans MS"><STRONG><FONT face=隶书 color=#ff0000>金钥匙博客欢迎您</FONT></STRONG></CENTER>

 显示:

金钥匙博客欢迎您
金钥匙博客欢迎您

 

 

 

代 码 复 制 如 下:

<DIV align=center>
<TABLE style="WIDTH: 650px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 100px; BACKGROUND-:" height=100 width=650>
<TBODY>
<TR>
<TD   style="FILTER: glow(color=#00cc00, strength=20);"   vAlign=center align=center>

<P align=center><FONT style="FONT-SIZE: 45pt"><FONT face=楷体_GB2312  color=#ff4400><STRONG>金钥匙博客欢迎您</STRONG></FONT></FONT></P>

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

 显示:

金钥匙博客欢迎您

 
写一篇日志,选用何种字体,多是凭个人的喜好。由于日志正文字数多,字号也比较小,一般情况下,多以宋体为主。但是,日志的正题、副题,以及小标题,如都用一种字体就会显得页面平庸、呆板。所以标题字体的变换、大小的调整,就会使日志页面产生一种动感,如果给标题做上特效,那么整个页面就会有一股灵气。博友们在欣赏你的日志的同时,同样能体会出一种美感。
有了这些字体,如再能熟练掌握特效字的制作,就会给日志页面增加不少的光彩。网易博客在编辑页面显示出的汉字字体只有几种常用的字体,其实不止这些,能打出的字体有十五种,或许还多。请见列表。
宋体 黑体 隶书 华文隶书 幼圆
华文仿宋 华文中宋 华文楷体 华文行楷 华文新魏
华文细黑 华文彩云 华文琥珀 方正姚体 方正舒体

  

 

特效字代码

特效字代码

<DIV style="FILTER: shadow(color=red,direction=135); WIDTH: 100%; HEIGHT: 12px"><FONT face=幼圆 color=#ffffff size=5>特效字代码</FONT></DIV>

特效字代码

<DIV style="FILTER: shadow(color=ffff00); WIDTH: 100%; HEIGHT: 12px"><FONT face=宋体 color=#ff0000 size=5>特效字代码</FONT></DIV>

特效字代码

 <DIV style="FILTER: glow(color=FFFF66); WIDTH: 100%; HEIGHT: 12px"><FONT face=隶书 color=#0033cc size=5>特效字代码</FONT></DIV>

特效字代码

 <DIV style="FILTER: alpha(opacity=100,style=3); WIDTH: 100%; HEIGHT: 12px"><FONT face=方正舒体 color=#ff0000 size=5>特效字代码</FONT></DIV>

特效字代码

 <DIV style="FILTER: dropshadow(color=#5B00AE,offX=8,offY=5,Positive=1); WIDTH: 100%; HEIGHT: 12px"><FONT face=华文行楷 color=#ca8eff size=5>特效字代码</FONT></DIV>

特效字代码

<DIV style="FILTER: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); WIDTH: 100%; HEIGHT: 12px"><FONT face=宋体 color=#ffffff size=5>特效字代码</FONT></DIV>

特效字代码

 <DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 200px; HEIGHT: 12px"><FONT face=华文彩云 color=#33ffff size=5>特效字代码</FONT></DIV>

特效字代码

 <DIV style="FILTER: glow(color=blue strength=3); WIDTH: 100%; HEIGHT: 12px"><FONT face=黑体 color=#ff0000 size=5>特效字代码</FONT></DIV>

 

 
 
 

 

金钥匙欢迎朋友们光临

金钥匙的博客!
如果你喜欢此日志,请点击日志右下方的“推送或引用”,
或者左下方的“分享”,让大家分享,也算是对我的支持,谢谢!
※尊重他人劳动,崇尚网络公德。
引用日志及代码请保留原创字样!
※请朋友尊重朋友的劳动所成果,此筐架请你不要删,朋友的互相尊重!
如果你想得到别人的尊重,
那么你首先要学会怎样去尊重别人, 别人同样也回尊重你!

金钥匙再次声明:
不欢迎“复制者”--请文明上网。
您可以在网络找教程,素材,请别复制制作好的博文内容!
请别复制博文,复制专辑,修改专辑链接地址!
您复制--粘贴--也许需要几分钟,
可您知道编辑一篇教程需要多长时间吗?
可您知道编辑一篇图片“文章’需要多长时间吗?
您又知道制作“代码效果”一篇教程需要多长时间吗?
还是一句话:尊重他人劳动,崇尚网络公德。
光看不留意见的,我将不视为博友!请文明上网!!!
金钥匙谢谢您的光临,并请留下宝贵意见!

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约