主旨：文字也能有特效.讓網誌輕鬆變美美的喔..　

• 濾鏡效果只會顯示在IE瀏覽器5.5↑。
• 本範例需要「使用HTML格式建立網頁」這個欄位
• 本篇濾鏡部份需要有一定的HTML基礎，雖然本篇附一點教學，如果還是看不懂的，請到別的網站進修充電一下喔。
• 不會HTML那就請直接複製吧... ^^
• 多多使用  Ctrl+A (全選) 再按 Ctrl+C (複製) 還有 Ctrl+V (貼上) 組合鍵..一定要會用...拜託.^^
  還有 Ctrl+X (剪下) 有 Ctrl+Z (復原)  組合鍵可用.....
• 一些濾鏡可以直接或間接套用在圖片效果上。
• 如何快速複製框框裡的HTML? 請在框框裡快速連點3下在按Ctrl+C

使用漸層效果：

(漸層顏色文字特效器) <-(看不到的請按右鍵 UTF-8編碼)
PS.進去輸入文字再複製網頁下面的預覽結果貼在你要編輯的地方
有專業版可以下載 參考按這

文字基本修飾：

形式1:

HTML:
<font style="text-decoration:line-through">刪除線</font>

結果:

刪除線

形式2:
<font style="text-decoration:overline">加上一道上線</font>

結果:

加上一道上線 　

形式3:
<font style="BACKGROUND-COLOR:#ffddff">加上背景色</font>

結果:

加上背景色 　

文字方向：

中文直書:(作詩囉)

HTML:
<div style="writing-mode :tb-rl;width:◆px;height:◆px">內容擺這</div>

結果:(MSN Spaces 上顯示錯誤...原因待查)

那麼請直接使用 線上橫行轉直行程式(中文限定)...不帶任何語法 (空白用全形空白代替)

試用結果:

日　晴　黃　昔　黃
暮　川　鶴　人　鶴
鄉　歷　一　已　樓
關　歷　去　乘　　
何　漢　不　黃　　
處　陽　復　鶴　　
是　樹　返　去　　
，　，　，　，　　
煙　芳　白　此　　
波　草　雲　地　　
江　萋　千　空　　
上　萋　載　餘　作
使　鸚　空　黃　者
人　鵡　悠　鶴　崔
愁　洲　悠　樓　顥
。　。　。　。　　
 

使用濾鏡效果：

(既然為整理就不多說了...如何敘述和各樣式的參數請參考圖片濾鏡效果那一篇，這裡僅呈現範例)
(所以只要把字改成你要的就行了...有多行的也能自行在MSN Spaces調整大小)

另外要知道的是...一般效果皆適用在<font>與<div>，<div>再設定多行同效果較為簡便。
 

A.半透明合成(多行)：

範例:

HTML(Style為2圓形):

結果:(大小可以自行修改)

HTML:

結果:

複製起點→●

My love is as a fever, longing still
For that which longer nurseth the disease,
Feeding on that which doth preserve the ill,
ζ
My thoughts and my discourse as madmen's are,
At random from the truth vainly express'd;
For I have sworn thee fair and thought thee bright,
Who art as black as hell, as dark as night.

●←複製終點

B.詼諧、Ｘ光效果、色彩對換(互補色)(可用但無意義就不列出來了)

C.翻轉：

左右翻轉:
<font style="filter:FlipH;height:10pt;">顯示效果預覽文字</font>
結果:

顯示效果預覽文字

上下翻轉:
<font style="filter:FlipV ;height:10pt;">顯示效果預覽文字</font>
結果:

顯示效果預覽文字

反盜版....XD

D.發光效果：(MSN Spaces 居然比 FrontPage 還強，編輯就看得到效果了喔)

線上顏色選擇器 1. 4096 Color Wheel   2. Schemer  3. Wellstyled

HTML:

<font style="filter:Glow(color=發光顏色;strength=發光強度);height:1px" face=字體  color=文字顏色 size=文字大小>顯示效果預覽文字</font>
或
<div style="filter:Glow(■);height:◆px">顯示效果預覽文字</div>

■參數

color             -->發光顏色(深色系列效果尤佳)
strength        -->發光強度(0+)

範例 1:

HTML:

結果:

什麼顏色最好看?
什麼顏色最好看?
什麼顏色最好看?
什麼顏色最好看?
什麼顏色最好看?
什麼顏色最好看?
什麼顏色最好看?
什麼顏色最好看?

範例 2:

HTML:

結果:

Life will find the way！
Life will find the way！
Life will find the way！
Life will find the way！
Life will find the way！
Life will find the way！
Life will find the way！
Life will find the way！

範例 3 (強制設字型大小):

HTML:

結果:

 顯示效果預覽文字
 顯示效果預覽文字
 顯示效果預覽文字
 顯示效果預覽文字

 顯示效果預覽文字
 顯示效果預覽文字
 顯示效果預覽文字
 顯示效果預覽文字

範例 4 (彩色字黑光...):

HTML:

請直接複製到你的MSN Spaces

結果:

複製起點→●

My love is as a fever, longing still
For that which longer nurseth the disease,
Feeding on that which doth preserve the ill,
ζ
My thoughts and my discourse as madmen's are,
At random from the truth vainly express'd;
For I have sworn thee fair and thought thee bright,
Who art as black as hell, as dark as night.
 
 

●←複製終點

E.投射陰影效果：

HTML:

<font style="FILTER: Shadow(color=發光顏色,direction=135); HEIGHT: Apt;font-size:Bpt" face="字型" color=#FFFFFF>好像立體文字喔</font>

■參數

A≧B+(Maybe 5↑)
HEIGHT         -->列高
font-size       --->文字大小
color             -->發光顏色
direction        -->方向(45角度單位)(0、45、90、135、180、225、270、315)
 

範例(發光顏色):

HTML:

結果:

好像立體文字喔 Verdana   好像立體文字喔 Verdana   好像立體文字喔 Verdana   好像立體文字喔 Verdana   好像立體文字喔 Verdana   好像立體文字喔 Verdana   好像立體文字喔 Verdana   好像立體文字喔 Verdana  
好像立體文字喔 Verdana   好像立體文字喔 Verdana   好像立體文字喔 Verdana   好像立體文字喔 Verdana   好像立體文字喔 Verdana   好像立體文字喔 Verdana  

範例(方向):

HTML:

結果:

 好像立體文字喔 Verdana    好像立體文字喔 Verdana    好像立體文字喔 Verdana  
 好像立體文字喔 Verdana    好像立體文字喔 Verdana    好像立體文字喔 Verdana  
 好像立體文字喔 Verdana    好像立體文字喔 Verdana    好像立體文字喔 Verdana  

範例:

HTML:

結果:

複製起點→●

My love is as a fever, longing still
For that which longer nurseth the disease,
Feeding on that which doth preserve the ill,
ζ
My thoughts and my discourse as madmen's are,
At random from the truth vainly express'd;
For I have sworn thee fair and thought thee bright,
Who art as black as hell, as dark as night.

●←複製終點

F.附陰影效果：

HTML:

<font style="FILTER:Dropshadow(color=#發光顏色,offX=◆,offY=◆); height=1px">內容擺這</font>
或
<div style="filter:Dropshadow(color=#發光顏色,offX=◆,offY=◆);width:框框寬;height:框框高">內容擺這</div>

■參數

color             -->發光顏色
offX              -->水平位移(可正負)
offY              -->垂直位移(可正負)
 

範例(陰影):

HTML:
<font style="FILTER:Dropshadow(color=#cccccc,offX=3,offY=3); height=1px">像不像陰影文字</font>
結果:

像不像陰影文字

範例(雕刻):

HTML:
<div style=" background-color:#CCCCCC;width:151px;height:19px">
<font style="FILTER:Dropshadow(color=#FFFFFF,offX=1,offY=1); height=15pt;" color="#000000">有人說像雕刻文字</font>
</div>
結果:

範例:

HTML:

結果:

複製起點→●

My love is as a fever, longing still
For that which longer nurseth the disease,
Feeding on that which doth preserve the ill,
ζ
My thoughts and my discourse as madmen's are,
At random from the truth vainly express'd;
For I have sworn thee fair and thought thee bright,
Who art as black as hell, as dark as night.

●←複製終點

G.模糊效果：

HTML:

<font style="filter:Blur(■);height:1px">內容擺這</font>
或
<div style="filter:Blur(■);width:本文寬;height:本文高" align=center>內容擺這</div>

■參數

direction        -->方向(45角度單位)(0、45、90、135、180、225、270、315)
 

範例:

HTML:

結果:

複製起點→●

My love is as a fever, longing still
For that which longer nurseth the disease,
Feeding on that which doth preserve the ill,
ζ
My thoughts and my discourse as madmen's are,
At random from the truth vainly express'd;
For I have sworn thee fair and thought thee bright,
Who art as black as hell, as dark as night.

●←複製終點

H.波形效果：(ps.好複雜的參數設定@@")

HTML:

<div style="filter:Wave(■);width:本文寬;height:本文高" align=center>內容擺這</div>

■參數

freq              -->頻率(0+)
strength        -->振幅強度(0+)
lightstrength  -->波峰強度(0~100)愈高越黑
phase           -->起始相位(0~100)
 

範例:

HTML:

結果:

複製起點→●

My love is as a fever, longing still
For that which longer nurseth the disease,
Feeding on that which doth preserve the ill,
ζ
My thoughts and my discourse as madmen's are,
At random from the truth vainly express'd;
For I have sworn thee fair and thought thee bright,
Who art as black as hell, as dark as night.

●←複製終點

Step by step：

• 輸入HTML的方式跟 圖片濾鏡效果 這一篇相同操作 請參照 圖片濾鏡效果

1. 請從

   複製起點→●

   用滑鼠拉到

   ●←複製終點

   按Ctrl+C(複製)
   
   再貼到你的網誌即可。

2. 沒有複製標誌●的，請直接複製效果，如果複製失敗，請上下加大複製內容(即把不必要的先複製)，重新操作。
   
    
3. 謝謝你的觀賞.
   
    
4. 多多練習....相信你也能做到唷...

特殊字型和特殊文字：