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

吉林紫咖啡小窝窝

面对纷繁世界,保持头脑清醒。

 
 
 

日志

 
 

再学一招:举例讲解特效文字代码的灵活使用  

2013-07-12 11:10:27|  分类: 【再学一招】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
盛夏注意防暑

 

一、源代码:

 

<DIV align=center> <DIV style="FILTER: shadow(youcolor=#FF0000, strength=10); WIDTH: 680px"><FONT style="FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 50pt; FONT-WEIGHT: normal" color=#cccc66 face=楷体_GB2312><STRONG>盛夏注意防暑</STRONG></FONT></DIV></DIV>  

************************************************************************************************************************************************************************************

1、改变文字内容:

 

<DIV align=center> <DIV style="FILTER: shadow(youcolor=#FF0000, strength=10); WIDTH: 680px"><FONT style="FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 50pt; FONT-WEIGHT: normal" color=#cccc66 face=楷体_GB2312><STRONG>学习是快乐的</STRONG></FONT></DIV></DIV>  

 

看看效果:

学习是快乐的
 ***********************************************************************************************************************************************************************************
2、改变字体(宋体、楷体、黑体、隶书、幼圆等等):把代码里的“楷体”二字改写成“宋体”,字体就变了。
 

<DIV align=center> <DIV style="FILTER: shadow(youcolor=#FF0000, strength=10); WIDTH: 680px"><FONT style="FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 50pt; FONT-WEIGHT: normal" color=#cccc66 face=宋体_GB2312><STRONG>紫咖啡欢迎您</STRONG></FONT></DIV></DIV>  

 

看看效果:

紫咖啡欢迎您
 ************************************************************************************************************************************************************************************


3、改变字的颜色:在“颜色代码表”里挑选自己喜欢的颜色,把源代码里的颜色代码换掉就可以了。目前的代码是#ccc66(金粉色),在颜色代码大全里查到红色的代码是“#ff0000”,字体变成“隶书”。那就换一下吧:

 

<DIV align=center> <DIV style="FILTER: shadow(youcolor=#FF0000, strength=10); WIDTH: 680px"><FONT style="FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 50pt; FONT-WEIGHT: normal" color=#FF0000  face=隶书_GB2312><STRONG>快乐生活每一天</STRONG></FONT></DIV></DIV>  

 

看看效果:

快乐生活每一天
 **********************************************************************************************************************************************************************************
二、几种有意思的特效字代码:

1、原地跳动的文字代码:

    

  <DIV></DIV></B>
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #0033ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B></B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B></B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B></B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B></B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B></B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B></B></CENTER></MARQUEE></FONT></CENTER>

 
 
    2、其实倒影字就这么简单!


<P align=center>
<DIV style="FONT-SIZE: 30pt; WIDTH: 90%; COLOR: blue; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行揩; HEIGHT: 55px">
<P align=center><B><EM><FONT color=#ff0000>世上无难事,只怕有心人!</FONT></EM></B></P></DIV>
<P></P>
<DIV style="FONT-SIZE: 30pt; FILTER: FlipV; WIDTH: 90%; COLOR: blue; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行揩; HEIGHT: 64px">
<P align=center><B><EM><FONT color=#ff00ff>世上无难事,只怕有心人 !</FONT></EM></B></P></DIV>

 
 
 

世上无难事,只怕有心人!

世上无难事,只怕有心人 !

 
 
 
       3、上下跳动的文字代码:
 
<CENTER><FONT face=隶书 color=red size=25>
<MARQUEE direction=up behavior=alternate width=60 height=120>祝</MARQUEE><FONT color=yellow>
<MARQUEE direction=up behavior=alternate width=60 height=80>大</MARQUEE><FONT color=brown>
<MARQUEE direction=up behavior=alternate width=60 height=120>家</MARQUEE><FONT color=green>
<MARQUEE direction=up behavior=alternate width=60 height=80>永</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=60 height=120>远</MARQUEE><FONT color=yellow>
<MARQUEE direction=up behavior=alternate width=60 height=80>幸</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=60 height=120>福</MARQUEE></FONT></B></MARQUEE></FONT></FONT></FONT></FONT></FONT></FONT></CENTER>

 
 
 
    4、投影效果文字代码:
 
 
 <div style="FONT-SIZE: 30pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>相见时难别亦难</B></div>
 
相见时难别亦难

 

 

    5、立体感文字代码:

 

<DIV style="FONT-SIZE: 30pt; FILTER: shadow(color=#ff00ff,direction=180); WIDTH: 77.29%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷; HEIGHT: 57px">
<P><B>&nbsp;有缘为知己 有情为朋友</B></DIV>

 

 有缘为知己 有情为朋友

 

 *************************************************************************************************************************************************************************************

五、如何使用特效文字代码:

   (1)复制、粘贴到首页的模块里。 (2)点击“写日志”页面的<>,复制、粘贴自己制作好的文字代码;可以粘贴在日志的开头、中间、结尾。(3)点击下面的日志链接,您会看到更多的特效文字代码,大胆地用吧!

************************************************************************************************************************************************************************************

点击下面的链接地址就可以查找: 

     

                        1、点击查阅:《用代码书写的漂亮字体》      

                          2、点击查阅:《博客动态文字特效代码汇编》   

                3、  点击查阅:《日志美术字效果图及代码

                4点击查阅:《颜色代码大全

 

 

祝初学者朋友在学习中获得快乐!


 

 

 

 

再学一招:说说特效文字的灵活使用 - 紫咖啡 - 紫咖啡小窝窝

 

代码
 
<DIV><IMG style="MARGIN: 0px 10px 0px 0px" src="http://img1.ph.126.net/5lRJSZ6KpCarNkQWWqgeKg==/1451847929973590095.gif"></DIV>
<P align=center>&nbsp;</P><BR></DIV><BR></DIV><BR></DIV>


  评论这张
 
阅读(125)| 评论(14)
推荐 转载

历史上的今天

评论

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

页脚

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