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

• 濾鏡效果只會顯示在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. 多多練習....相信你也能做到唷...

特殊字型和特殊文字：

• 本範例需要「使用HTML格式建立網頁」這個欄位
• 多多使用  Ctrl+A (全選) 再按 Ctrl+C (複製) 還有 Ctrl+V (貼上) 組合鍵..一定要會用...拜託.^^
  還有 Ctrl+X (剪下) 有 Ctrl+Z (復原)  組合鍵可用.....

軟體介面預覽：

作著原創軟體資訊：

軟體名稱：好色機器 V1.1 - 文字美化工具
語言界面：繁體中文版
軟體大小：５１７ＫＢ
軟體性質：免費軟體
程式設計：夷希微@台灣
軟體簡介：
    這是一套可以將文字變成五彩繽紛的漸變彩色文字，有七種
型態可選，顏色可自由搭配，按滑鼠左鍵是跳顏色對話框讓
您選色；按滑鼠右鍵則是直接從螢幕上選色，且即時預覽，
並直接產生論壇在用的BB CODE 及做網頁用的 HTML TAG 兩
種標籤語法供應用，美化網頁，還能選擇預覽的背景顏色唷
～希望各位能夠善加利用 ^_^　

使用範例：

[基本型一]
上善若水。
水善利萬物而不爭，處眾人之所惡，故幾於道。
居善地，心善淵，與善仁，言善信，政善治，事善能，動善時。
夫唯不爭，故無尤。

[基本型二]
五色令人目盲；
五音令人耳聾；
五味令人口爽；
馳騁畋獵，令人心發狂；
難得之貨，令人行妨。
是以聖人為腹不為目，故去彼取此。

[基本型三]
五色令人目盲；
五音令人耳聾；
五味令人口爽；
馳騁畋獵，令人心發狂；
難得之貨，令人行妨。
是以聖人為腹不為目，故去彼取此。

[基本型四]
五色令人目盲；
五音令人耳聾；
五味令人口爽；
馳騁畋獵，令人心發狂；
難得之貨，令人行妨。
是以聖人為腹不為目，故去彼取此

下載位置：(擇一)

http://myurl.com.tw/bqc4/ColorMachinePro11.exe
http://myurl.com.tw/h7qg/ColorMachinePro11.exe
http://myurl.com.tw/n88d/ColorMachinePro11.exe

回主站站         给我留言