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

彩云归

 
 
 

日志

 
 

文字特效23例代码  

2006-09-17 12:26:00|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
1-用代码添加方法:
进入发表文章窗口-勾选“显示源代码”-在代码编辑栏内添加代码-再勾选“显示源代码”-编辑文字-发表文章

2-引用文字特效简易办法:复制-粘贴-修改
复制某个特效样品(按住鼠标左键,拖动至覆盖全部效果样品(出现覆盖黑框),点右键选复制或点浏览器的‘编辑’-选复制),然后在发表文章的文章编辑栏粘贴(点右键选粘贴或点浏览器的‘编辑’-选粘贴)。粘贴后将文字修改为你所需要的文字(也可修改文字的大小、颜色、字体),调整好位置就OK了。
 
3-代码和效果样品
1、刪除线:<P align=center><FONT style="TEXT-DECORATION: line-through" color=#660099 size=5 LINE-FONT="">刪除线效果</FONT></P>

刪除线效果

2、加上一道上线:<P align=center><FONT style="TEXT-DECORATION: overline" color=#990099 size=5>加上一道上线</FONT></P>

加上一道上线

3、中文直书:<DIV style="WIDTH: 10px; WRITING-MODE: tb-rl; HEIGHT: 65px"><DIV align=left><FONT color=#660099 size=3>竖排文字说明:宽高可以自己调,但是高度不能值低于文字的高度,要不然不能全部竖起来</FONT></DIV></DIV>

竖排文字说明:宽高可以自己调,但是高度不能值低于文字的高度,要不然不能全部竖起来

4、 上下翻转:<CENTER><FONT style="FILTER: FlipV; WIDTH: 112px; HEIGHT: 10pt" color=#990099 size=4>上下翻转效果</FONT></CENTER>

上下翻转效果

5、投射阴影效果:<DIV align=center><FONT style="FONT-SIZE: 30pt; FILTER: Shadow(color=#660099,direction=135); WIDTH: 242px; HEIGHT: 0.215pt" face=隶书 color=#009900>投射阴影效果</FONT></DIV>

投射阴影效果

6、发光效果:<DIV align=center><FONT style="FILTER: glow(color=#FF0000,strength=3); HEIGHT: 1px" face=楷体 color=#ffffff size=5>明月千里普照</FONT></DIV>

明月千里普照

7、发光效果:<DIV align=center><FONT style="FONT-SIZE: 20pt; FILTER: glow(color=red); WIDTH: 40.44%; COLOR: #660099; FONT-FAMILY: 华文彩云; HEIGHT: 32px">佳人天涯相思</FONT></DIV>

佳人天涯相思

8、阴影效果:<DIV align=center><FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=blue); WIDTH: 55.73%; COLOR: #ff6699; FONT-FAMILY: 放正舒体; HEIGHT: 26px" color=#990033><B>月有阴晴圆缺</B></FONT></DIV>

月有阴晴圆缺

9、光晕效果:<P align=center><FONT style="FILTER: glow(color=#ff6600,strength=6); WIDTH: 200px; COLOR: #000000; HEIGHT: 24px"><FONT size=5>人无冬夏春秋</FONT></FONT></P>

人无冬夏春秋

10、渐变效果:<DIV align=center><FONT style="FONT-SIZE: 30pt; FILTER: alpha(opacity=100,style=1); WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷; HEIGHT: 40px" size=1><B>天游一览众山小</B></FONT></DIV>

天游一览众山小
 
opacity属性:设置透明度,取值0至100之间的任意数值,100表示完全不透明;
style属性:  设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变;
width:100%  则表示参与渐变的对象的宽度,通常都设置为100%。

11、带颜色阴影:<P align=center><FONT style="FONT-SIZE: 30pt; FILTER: dropshadow(color=#228B22,offX=5,offY=3,Positive=1); WIDTH: 100%; COLOR: #ff7f50; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷; HEIGHT: 17px"><B>九曲泛筏乐逍遥</B></FONT></P>

九曲泛筏乐逍遥

12、波纹效果:<DIV align=center><FONT style="FONT-SIZE: 30pt; FILTER: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷; HEIGHT: 19px"><B>雨中山水多绮丽</B></FONT></DIV>

雨中山水多绮丽

add属性:     波纹型,0或1,0表示将原始对象加入最后效果中,1则反之;
freq属性:    决定显示的频率,即应出现多少个波形;
phrase属性:  决定波形的形状,值取0至360之间;
strength属性:决定波形的振幅。

13、带背景字体:<P align=center><FONT style="BACKGROUND-COLOR: #ffe4c4" color=#daa520 size=6>最是迷人数双峰</FONT></P>
<P>14、投影效果:</P>

最是迷人数双峰

14、投影效果:<DIV align=center><DIV style="FONT-SIZE: 30pt; FILTER: shadow(color=#80ffff, strength=60); WIDTH: 370px; HEIGHT: 53px"><FONT face=华文彩云 color=#b5a642>枫叶的祝福-雨/FONT></DIV></DIV>

枫叶的祝福-雨

15、彩色效果:<TABLE cellSpacing=0 cellPadding=0 align=center background=http://blog.sina.com.cn/pic/4723cdbf7f71c4371753f border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#267db2">
<TABLE bgColor=#ffffff>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-SIZE: 52pt" face=隶书 color=#267db2><B>欢迎光临!</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

欢迎光临!

16、投影效果:<DIV align=center><FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 100%; FONT-FAMILY: 隶书; HEIGHT: 31px"><B>人生之路很辛苦但是快乐同步其中</B></FONT></DIV>

人生之路很辛苦但是快乐同步其中

17、发光效果:<CENTER><FONT style="FONT-SIZE: 30pt; FILTER: glow(color=black); WIDTH: 62.21%; COLOR: #e4dc9b; LINE-HEIGHT: 130%; FONT-FAMILY: 华文彩云; HEIGHT: 52px"><B>难忘《小白船》</B></FONT></CENTER>

难忘《小白船》

18、发光效果:<P align=center><FONT style="FONT-SIZE: 30pt; FILTER: glow(color=#ff0000<br>,strength=6); WIDTH: 100%; COLOR: #ffff00; LINE-HEIGHT: 130%; FONT-FAMILY: 华文行楷; HEIGHT: 37px">开讲《伊索寓言》</FONT></P>

开讲《伊索寓言》

19、长投影效果:<DIV align=center>
<DIV align=center><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#87CEFA, strength=50); WIDTH: 499px; HEIGHT: 89px"><FONT face=隶书 color=#1e90ff><B>海纳百川&nbsp; 有容乃大</B></FONT></FONT></DIV></DIV>

海纳百川  有容乃大

20、发光效果:<DIV align=center>
<DIV align=center><FONT style="FONT-SIZE: 30pt; FILTER: glow(color=gray,strength=5); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 130%; FONT-FAMILY: 华文行楷; HEIGHT: 11px"><B><FONT color=red>有朋自远方来不亦乐乎!</FONT></B></FONT></DIV></DIV>

有朋自远方来不亦乐乎!

21、投影效果:<DIV align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 40px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 290px; POSITION: relative; HEIGHT: 26px" color=#3333cc>淡淡的友情最纯</FONT></DIV>

淡淡的友情最纯

22、波纹效果:<P align=center><FONT style="FONT-SIZE: 65pt; FILTER: wave(add=0,lightstrength=10,strength=4,freq=6,phrase=10); WIDTH: 76%; COLOR: #ff00ff; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷; HEIGHT: 91px"><B>我的路</B></FONT></P>

我的路

23、投影效果:<DIV align=center><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云; HEIGHT: 45px"><B>彩云归的博客欢迎您!</B></FONT></DIV>

彩云归的博客欢迎您!
  评论这张
 
阅读(32)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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