Blog技巧-文字设制

Blog技巧-文字设制

1，文字基本设制

基本代码如下：

插入文字

align=center　表示字体居中，可选值为居右（right）居左（left）
color=颜色代码　具体颜色代码可参照：颜色选取＜＜点击查看
face=字体　常用字体为：宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等
size=字体大小，这里的最大值为7　取值越大文字就越大

2，大字体文字

效果：

数到三就不哭

代码：

插入文字
font:40pt　数值越大文字就越大。

3，移动文字设置：

基本代码1：

<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>

说明：direction=移动方向　可选值为向上(up)　向下(down)　向左(left)　向右(right)

基本代码2：

<marquee behavior=移动效果>插入文字</marquee>

说明：

behavior=scroll 一圈一圈绕着走　

behavior=slide

只走一次　behavior=alternate 来回走

停停走走：

效果如：

数到三就不哭

代码如下：

<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>

4，文字特效显示：

效果一：

数到三就不哭

原代码：

<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; POSITION: relative; 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.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif"><FONT color=red face=楷体_gb2312 size=7>数到三就不哭</FONT></MARQUEE></MARQUE></MARQUEE>

效果五：

欢迎你朋友 友朋你迎欢

原代码：

<FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>欢迎你朋友</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50 width=240>友朋你迎欢</MARQUEE></FONT></FONT>

注明：在用这种效果时，文字移动范围的宽width的取值很重要，两段文字移动范转的width取值和一定要小于背景层width的取值。

效果六：

数到三就不哭

原代码： <P align=center><FONT style="BACKGROUND-COLOR: #0099ff" color=#00ffff size=6>数到三就不哭</FONT></P>

效果七：

数到三就不哭

原代码： <P align=center><FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷"><B>数到三就不哭</B></FONT></P>

说明：opacity属性：设置透明度，取值0至100之间的任意数值，100表示完全不透明；style属性：设置渐变风格，0表示均匀渐变，1表示线性渐变，2表示放射渐变，3表示直角渐变。而width:100%则表示参与渐变的对象的宽度，通常都设置为100%。

效果八：

数到三就不哭

原代码： <P align=center><FONT style="FONT-SIZE:30pt;filter:dropshadow(color=#0099ff,offX=5,offY=3,Positive=1);WIDTH:100%; COLOR:#ff6600;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>数到三就不哭</B></FONT></P>

效果九：数到三就不哭

原代码：<FONT style="FONT-SIZE:30pt;filter:FlipV(color=silver);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>数到三就不哭</B></FONT>

效果十：

数到三就不哭

原代码：<p align=right><FONT style="FONT-SIZE:30pt;filter:FlipH(color=silver);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>数到三就不哭</B></FONT></p>

FlipV产生上下变换，FlipH产生左右变换。

效果十一：

数到三就不哭

原代码：<FONT style="FONT-SIZE:30pt;filter:wave(add=0,lightstrength=50,strength=5,freq=3,phrase=20);WIDTH:100%; COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷"><B>数到三就不哭</B></FONT>
add属性：布尔型，0或1，0表示将原始对象加入最后效果中，1则反之；
freq属性：决定显示的频率，即应出现多少个波形；
phrase属性：决定波形的形状，值取0至360之间；
strength属性：决定波形的振幅。

效果十二：

数到三就不哭

原代码：<P align=center><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 100%" face=汉鼎繁随意 size=6>数到三就不哭</FONT><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #ff00ff; LINE-HEIGHT: 100%; FONT-FAMILY: 汉鼎繁中变" size=6></FONT><FONT color=#ff00ff> </FONT></P>

感谢m1的分享

more...
Motion Blur

<span style="width: 100%; Filter: Shadow(Color=#0000FF, Direction=225)">Motion Blur</span>

Warped

<span style="width: 100%; Filter: Wave(Add=0, Freq=2, LightStrength=20, Phase=10, Strength=5)">Warped</span>

Flipped

<span style="width: 100%; Filter: FlipV">Flipped</span>

Dropshadow

<span style="width: 100%; Filter: DropShadow(Color=#FF0000, OffX=2, OffY=2, Positive=1)">Dropshadow</span>

Shadow

<span style="width: 100%; Filter: Blur(Add = 1, Direction = 225, Strength = 10)">Shadow</span>

Alpha

<span style="width: 100%; Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0)">Alpha</span>

Flip Horizontal

<span style="width: 100%; Filter: FlipH">Flip Horizontal</span>

Mask

<span style="width: 100%; Filter: Mask(Color=#00FF00)">Mask</span>