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

蘭谷听禅音 幽香润空灵

 
 
 

日志

 
 

引用 文字特效代码基础  

2007-08-15 22:31:41|  分类: 博客装饰 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

时代博客--童话里的男孩最新文字特效代码及文字特效代码总结!喜欢!

一.文字特效

参数汇总解析:

#xxxxxx表示颜色代码,替换改变相应颜色

strength表示强度(如发光效果等)

direction投影等角度(必须添45的倍数)

颜色代码可参见日志

投射阴影效果:<div style="FILTER: Shadow(color=#660099,direction=135); HEIGHT: 10pt;font-size:330pt" face="隶书" color=#009900>投射阴影效果</div>

发光效果:<div style="FILTER: glow(color=#FF0000,strength=3); HEIGHT: 1px;" face="楷体" color="#ffffff" size="4">天生我材必有用</div>

渐变效果:<div style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷"><B>为伊消得人憔悴</B></div></P>

带背景字体:<P align=center><FONT style="BACKGROUND-COLOR: #ffe4c4" color=#daa520 size=6>花自飘零水自流</FONT></P>

<div style="FONT-SIZE: 30pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>相见时难别亦难</B></div>

<div style="FONT-SIZE: 30pt; FILTER: shadow(color=#87CEFA, strength=50); WIDTH: 499px; HEIGHT: 89px"><FONT face=隶书 color=#1e90ff>

<CENTER><B>无言独上西楼月如钩</B></FONT></CENTER></div>

上面代码的字体可自行更改!!同时希望

走过路过的朋友们

点击图片帮个忙为我投票

时代博客在这里先谢谢你们了!

祝你们一生快乐幸福!

文字效果如下: 

引用 文字特效代码基础 - 晴玥 - 引用 文字特效代码基础 - 晴玥 -

 

投射阴影效果:
投射阴影效果
发光效果:
天生我材必有用
渐变效果:
为伊消得人憔悴

带背景字体:

花自飘零水自流

相见时难别亦难
无言独上西楼月如钩

★文章首字下沉特效:

<DIV style="FONT-SIZE: 12px; LINE-HEIGHT: 14px"><SPAN style="FONT-SIZE: 24px; LINE-HEIGHT: 28px; FLOAT: left;"><B>这</B></SPAN>

请在此填写文字内容,然后看效果!

</DIV>

★文章上下滚动的特效:

<MARQUEE scrollAmount=2 scrollDelay=200 direction=up width="100%"

height=210><FONT style="LINE-HEIGHT: 180%; LETTER-SPACING: 3px"

color=#ffffff>所要写的字</FONT></MARQUEE>

★做比较大的字代码

<FONT color=#09f7f7 size=7><STRONG><SUP><FONT color=#99ff00>要写的

字</FONT></SUP></FONT>

★文字走马灯效果代码

<marquee width="157" height="21">这里输入文字

★改变文字的字体和颜色代码1

<b><font face=华文行楷 size=5 color=#ff0000>要修改字体和颜色的

提示:color=文章颜色

★改变文字的字体和颜色代码2

<FONT face=楷体_GB2312(字体) color=#0000ff(字体颜色) size=1>輸入文字</FONT>

提示:color=文章颜色

★移动文字代码

<marquee width="157" height="21">你要写的文字</marquee>

★文字特效显示代码

效果一:<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black);

FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>

输入文字</B></FONT></CENTER>

效果二:<CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black);

FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>

输入文字</B></FONT></CENTER>

效果三:<CENTER><FONT color=#0099ff style="FILTER: blur(add=1,

direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; ; LINE-HEIGHT: 150%; WIDTH: 450px">输入文字</FONT></CENTER>

效果四:<MARQUEE behavior=alternate direction=up height=150

scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460 <IMG

src="http://www.smba

china.com/upload/upfile/2004430154320.gif"></FONT></FO

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

<DIV>

<TABLE cellSpacing=10 cellPadding=0 width="100%" border=0>

<TBODY>

<TR>

<TD vAlign=top width="100%" height=118>

<DIV align=center><MARQUEE scrollDelay=99 width="100%" height=108 border="0"><IMG src="http://www.smba-china.com/upload/upfile/2004430154320.gif"><FONT

color=#b990f7><FONT face=华文行楷 color=#4d4dff size=7><B>输入文字</B><IMG src="http://www.smba-china.com/upload/upfile/2004430154320.gif"></FONT></FO

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

★倒帖的文字特效代码

<p align=right><FONT

style="FONT-SIZE:50pt;filter:FlipH(color=silver);WIDTH:100%;

COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>请输入你想要的文字</B></FONT></p>

★翻转文字特效代码

<FONT style="FONT-SIZE:50pt;filter:FlipV(color=silver);WIDTH:100%;

COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>请输入你想要的文字</B></FONT>

★漂动文字特效代码

<table align=center border=3 bordercolor="#CD5C5C" width=450 height=350><td background=http://bbs.yunbbs.com/uploadFile/2004-12/20041210163350528.jpg><marquee behavior=alternate scrollamount=3 direction=down height=350><marquee behavior=alternate scrollamount=3 width=500><img src=1.gif><font color=red size=6><b>请输入你想要的文字</b><img src=1.gif></font></marquee></table><br>

★漂的字特效代码

<P align=center>

<MARQUEE scrollAmount=12 direction=center behavior=alternate>

<MARQUEE direction=up behavior=alternate width=400 height=400>

<P align=center><IMG src="http://members12.tsukaeru.net/rose/0sozai/2cut/ico/50-01/s012.gif"></P><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=000000); WIDTH: 160%;

COLOR: #4d4dff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">请输入你想要的文字</FONT></MARQUEE></MARQUEE></P>

★滚动字特效代码

<marquee width="200" height="100" direction="right" behavior="alternate"

scrollamount="6" scrolldelay="88">输入你想要的文字</marquee>

提示说明:

scrollAmount 它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3

比较好,width和height 表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值,direction 表示滚动的方向,默认为从右向左:←。可选的值有right、down、up。滚动方向分别为:right表示→→,up表示↑,down表示↓scrollDelay 这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的,behavior用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)

★改变滚动字幕的颜色代码

<marquee scrollAmount=2 width=300><a style=color:CC6600>输入你想要的文字</a></marquee>

★当鼠标停留在文字上,文字停止滚动代码

<marquee scrollAmount=2 width=300 scrollAmount=2 width=150 behavior=alternate>输入你想要的文字/marquee>

★多行文本向上滚动特效代码

<marquee scrollAmount=2 width=300 height=50 direction=up>·输入文字<br>·输入文字<br><a href=http://www.hack58.com>输入文字</a></marquee>

★不停变化颜色的字代码

<DIV style="WIDTH: 460px; HEIGHT:30px"><IMG height=2

src="/web/ewebeditor/UploadFile/2005101692624157.gif" width=460px

align=right><IMG height=30px src="/web/ewebeditor/UploadFile/2005101692625359.gif" width=446.2px

align=right><DIV style="FONT-SIZE: 20px; FILTER: Chroma(color=#FCFBFA);

FLOAT: left; WIDTH: 460px; HEIGHT:30px; BACKGROUND-COLOR:#000000"

align=center><FONT color=#FCFBFA>输入文字</FONT></DIV></DIV>

★带框文字特效代码

<font color=#02B452

style="border-color=#FF0000;border-top-style:outset;border-bottom-style:out

set;border-right-style:outset;border-left-style:outset">修改你要的字</font>

提示:这些符号是边框类型(修改代码中可修改,不过建议上下左右边框用同一种效果)

double 表示边框样式为:双线

groove 表示边框样式为:3D凹槽状

dotted 表示边框样式为:点线

inset 表示边框样式为:3D内嵌边框

outset 表示边框样式为:3D外嵌边框

ridge 表示边框样式为:3D凸脊状

dashed 表示边框样式为:虚线

solid 表示边框样式为:实线

★滚动红色字特效代码

<marquee width="650" height="60"><font color="red">请输入你想要的文字</font></a></marquee>

★滚动无框红色字特效代码

<div style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH:

634px; ; TOP: 0px; HEIGHT: 530px; zindex: 90"

resiziable="true"><marquee width="750" height="60"><font color="red">请输入你想要的文字</font></a></marquee>

★左右移动字特效代码

<font colo*=#855558><center><marquee behavior="alternate"

scrollamount="2">请输入你想要的文字</marquee></marquee></font></center>

★角度跳动的字左右移动字特效代码

<marquee behavior="alternate" direction="up" height="80" width="60%"

scrollamount="2" scrolldelay="0"><marquee behavior="alternate"

scrollamount="3">请输入你想要的文字</marquee></marquee>

★七字体顔色文字特效代码

<font COLOR=颜色代码>文字</font>

显示竖排的文字:

<DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>博客文章文字</P></DIV>

  评论这张
 
阅读(66)| 评论(0)
推荐

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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