Quote 文字特效整理

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

• 濾鏡效果只會顯示在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圓形):

<div style="height:126px;font-size:9pt;line-height:9pt;filter:Alpha(opacity=100,finishOpacity=0,style=2); width:199px">
顯示效果預覽文字
顯示效果預覽文字<br>
顯示效果預覽文字
顯示效果預覽文字<br>
顯示效果預覽文字
顯示效果預覽文字<br>
顯示效果預覽文字
顯示效果預覽文字<br>
顯示效果預覽文字
顯示效果預覽文字<br>
顯示效果預覽文字
顯示效果預覽文字<br>
顯示效果預覽文字
顯示效果預覽文字<br>
顯示效果預覽文字
顯示效果預覽文字<br>
顯示效果預覽文字
顯示效果預覽文字<br>顯示效果預覽文字
顯示效果預覽文字</div>
 

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

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

HTML:

<div style="filter:Alpha(opacity=100,finishOpacity=25,style=2); width:779px;height:353px;font-size:14pt;line-height:15pt;font-family:Verdana" align=center>
內容省略</div>

結果:

複製起點→●

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:

<font style="FILTER: glow(color=#FF0000,strength=3); HEIGHT: 1px;" face="標楷體" color="#ffffff" size="4">什麼顏色最好看?</font>
<br>
<font style="FILTER: glow(color=#FF0080,strength=3); HEIGHT: 1px;" face="標楷體" color="#ffffff" size="4">什麼顏色最好看?</font>
<br>
<font style="FILTER: glow(color=#FF8000,strength=3); HEIGHT: 1px;" face="標楷體" color="#ffffff" size="4">什麼顏色最好看?</font>
<br>
<font style="FILTER: glow(color=#008080,strength=3); HEIGHT: 1px;" face="標楷體" color="#ffffff" size="4">什麼顏色最好看?</font>
<br>
<font style="FILTER: glow(color=#008000,strength=3); HEIGHT: 1px;" face="標楷體" color="#ffffff" size="4">什麼顏色最好看?</font>
<br>
<font style="FILTER: glow(color=#0000FF,strength=3); HEIGHT: 1px;" face="標楷體" color="#ffffff" size="4">什麼顏色最好看?</font>
<br>
<font style="FILTER: glow(color=#8000FF,strength=3); HEIGHT: 1px;" face="標楷體" color="#ffffff" size="4">什麼顏色最好看?</font>
<br>
<font style="FILTER: glow(color=#000000,strength=3); HEIGHT: 1px;" face="標楷體" color="#ffffff" size="4">什麼顏色最好看?</font>

 

結果:

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

範例 2:

HTML:

<font style="FILTER: glow(color=#FF0000,strength=2); HEIGHT: 1px;" face="Verdana" color="#ffffff" size="3">Life will find the way！</font>
<br>
<font style="FILTER: glow(color=#FF0080,strength=2); HEIGHT: 1px;" face="Verdana" color="#ffffff" size="3">Life will find the way！</font>
<br>
<font style="FILTER: glow(color=#FF8000,strength=2); HEIGHT: 1px;" face="Verdana" color="#ffffff" size="3">Life will find the way！</font>
<br>
<font style="FILTER: glow(color=#008080,strength=2); HEIGHT: 1px;" face="Verdana" color="#ffffff" size="3">Life will find the way！</font>
<br>
<font style="FILTER: glow(color=#008000,strength=2); HEIGHT: 1px;" face="Verdana" color="#ffffff" size="3">Life will find the way！</font>
<br>
<font style="FILTER: glow(color=#0000FF,strength=2); HEIGHT: 1px;" face="Verdana" color="#ffffff" size="3">Life will find the way！</font>
<br>
<font style="FILTER: glow(color=#8000FF,strength=2); HEIGHT: 1px;" face="Verdana" color="#ffffff" size="3">Life will find the way！</font>
<br>
<font style="FILTER: glow(color=#000000,strength=2); HEIGHT: 1px;" face="Verdana" color="#ffffff" size="3">Life will find the way！</font>


 

結果:

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:

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#4A7AC9,strength=2); COLOR: #ffffff; HEIGHT: 9pt"><br>
&nbsp;顯示效果預覽文字</FONT>
<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF0000,strength=2); COLOR: #ffffff; HEIGHT: 9pt"><br>
&nbsp;顯示效果預覽文字</FONT>
<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF0080,strength=2); COLOR: #ffffff; HEIGHT: 9pt"><br>
&nbsp;顯示效果預覽文字</FONT>
<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF8000,strength=2); COLOR: #ffffff; HEIGHT: 9pt"><br>
&nbsp;顯示效果預覽文字</FONT>
<br>
<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#008080,strength=2); COLOR: #ffffff; HEIGHT: 9pt"><br>
&nbsp;顯示效果預覽文字</FONT>
<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#0000FF,strength=2); COLOR: #ffffff; HEIGHT: 9pt"><br>
&nbsp;顯示效果預覽文字</FONT>
<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#8000FF,strength=2); COLOR: #ffffff; HEIGHT: 9pt"><br>
&nbsp;顯示效果預覽文字</FONT>
<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#000000,strength=2); COLOR: #ffffff; HEIGHT: 9pt"><br>
&nbsp;顯示效果預覽文字</FONT>
 

結果:

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

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

範例 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:

<font style="FILTER: Shadow(color=#4A7AC9,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#FF0000,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#FF0080,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#FF8000,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#008080,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#0000FF,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#8000FF,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#000000,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<br>
<font style="FILTER: Shadow(color=#ddbbbb,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#ddd4bb,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#bbddbb,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#bbdddd,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#c3bbdd,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#ddbbcc,direction=135); HEIGHT: 19pt;font-size:12pt" face="Verdana" color=#FFFFFF>好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>

 

結果:

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

範例(方向):

HTML:

<font style="FILTER: Shadow(color=#4A7AC9,direction=315); HEIGHT: 22pt;font-size:12pt" face="Verdana" color=#FFFFFF>&nbsp;好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#4A7AC9,direction=0); HEIGHT: 22pt;font-size:12pt" face="Verdana" color=#FFFFFF>&nbsp;好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#4A7AC9,direction=45); HEIGHT: 22pt;font-size:12pt" face="Verdana" color=#FFFFFF>&nbsp;好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<br>
<font style="FILTER: Shadow(color=#4A7AC9,direction=270); HEIGHT: 22pt;font-size:12pt" face="Verdana" color=#FFFFFF>&nbsp;好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="HEIGHT: 22pt;font-size:12pt" face="Verdana" color=#FFFFFF>&nbsp;好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#4A7AC9,direction=90); HEIGHT: 22pt;font-size:12pt" face="Verdana" color=#FFFFFF>&nbsp;好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<br>
<font style="FILTER: Shadow(color=#4A7AC9,direction=225); HEIGHT: 22pt;font-size:12pt" face="Verdana" color=#FFFFFF>&nbsp;好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#4A7AC9,direction=180); HEIGHT: 22pt;font-size:12pt" face="Verdana" color=#FFFFFF>&nbsp;好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
<font style="FILTER: Shadow(color=#4A7AC9,direction=135); HEIGHT: 22pt;font-size:12pt" face="Verdana" color=#FFFFFF>&nbsp;好像立體文字喔&nbsp;Verdana&nbsp;&nbsp; </font>
 

結果:

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

 

範例:

HTML:

<div style="FILTER: Shadow(color=#333333,direction=135); width:779px;height:353px;font-size:14pt;line-height:15pt;font-family:Verdana" align=center>
內容省略</div>

結果:

複製起點→●

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:

<div style="FILTER:Dropshadow(color=#cccccc,offX=3,offY=3); width:779px;height:353px;font-size:14pt;line-height:15pt;font-family:Verdana" align=center>
內容省略</div>

結果:

複製起點→●

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:

<div style="filter:Blur(direction=135); ;width:779px;height:353px;font-size:14pt;line-height:15pt;font-family:Verdana" align=center>
內容省略</div>

結果:

複製起點→●

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:

<div style="FILTER: Wave(freq=17,strength=3,lightstrength=1,phase=0);;width:779px;height:353px;font-size:14pt;line-height:15pt;font-family:Verdana" align=center>內容省略</div>

結果:

複製起點→●

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. 多多練習....相信你也能做到唷...

 

特殊字型和特殊文字：

Webdings :(先用擴充編輯工具 調整字型為Webdings再複製)
qwertyuiopasdfg
hjklzxcvbnm,.
/';[]\=-0987654321`QWER
TYUIOPLKJHGFDSAZX
CVBNM<>?:"{}|+_
)(*&^%$#@!~一pfvbthu,kjm

Not Webdings :(不得選任一字型)
︻ ︼ ︽ ︾ 〈 〉 ︿ ﹀ ∩ ∪ ﹁ ﹂ ﹃ ﹄﹝ ﹞ ＜ ＞ ≦ ≧ ﹤ ﹥ 「 」 ︵ ︶ ︷ ︸ ︹ ︺〔 〕 【 】 《 》 （ ） ｛ ｝ ﹙ ﹚ 『 』 ﹛ ﹜╳ ＋ － ﹢ × ÷ ＝ ≠ ≒ ∞ ˇ ± √ ⊥ ∠ ∟ ⊿ ㏒
▶ ▷ ◀ ◁ ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☌ ☍ ☑ ☒☢ ☸ ☹ ☺ ☻ ☼ ☽ ☾ ♠ 　 ♡ ♢ ♣ ♤ ♥ ♦ ♧ ♨ ♩ ✙ ✈ ✉ ✌ ✁ ✎ ✐ ❀ ✰ ❁ ❤ ❥ ❦❧ ➳ ➽ 〠 〄 ㍿ ♝ ♞
➳➴➵㊚㊛㊙℗
♯♩♪♫♬♭♮ ☎ ☏ ☪ ♈ ♨ ºº ₪ ¤ 큐 « » ™ ♂✿ ♥ の ↑ ↓ ← → ↖ ↗ ↙ ↘ ㊣ ◎ ○ ● ⊕ ⊙ ○　 △ ▲ ☆ ★ ◇ ◆ ■ □ ▽ ▼ § ￥ 〒 ￠ ￡ ※ ♀ ♂ © ® ⁂ ℡ ↂ░ ▣ ▤ ▥ ▦ ▧ ▨ ▩
☯♋♛♞♕✈✎✏
✐✌✍✡✓✔✕✖ ♂ ♀ ♥ ♡ ☜ ☞ ☎ ☏ ⊙ ◎ ☺ ☻ ► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ♥ ♡ ▪ ▫ ☼ ♦ ▀ ▄ █ ▌ ▐ ░ ▒ ▬ ♦ ◊ ◘ ◙ ◦ ☼ ♠ ♣ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪
✗✘✚✪✣✤✥✦
✧✩✫✬✭✮✯✰ ✱✲✳❃❂❁❀✿
✾✽✼✻✺✹✸✷ ✶✵✴❄❅❆❇❈
❉❊❋❖❤❥❦❧ ⓪①②③④⑤⑥
๑۩۞۩๑ ℃©®¼½¾³²
✄☪☣☢☠☮☭☮ ⅰⅱⅲⅳⅴⅵⅶ
ⅷⅸⅹⅺⅻⅼⅽⅾⅿ ⅠⅡⅢⅣⅤⅥⅦⅧ
ⅧⅨⅩⅪⅫⅬⅭⅮⅯ ⑦⑧⑨⑩⑪⑫⑬
⑭⑮⑯⑰⑱⑲⑳ ⒶⒷⒸⒹⒺⒻⒼⒽ
ⒾⒿⓀⓁⓂⓃⓄⓅ ⓐⓑⓒⓓⓔⓕⓖⓗ
ⓘⓙⓚⓛⓜⓝⓞⓟ ⓆⓇⓈⓉⓊⓋⓌⓍ
ⓎⓏ ⓠⓡⓢⓣⓤⓥⓦⓧ
ⓨⓩ ㊀㊁㊂㊃㊄㊅㊆㊇
㊈㊉㊊㊋㊌㊍㊎㊏ ㊐㊑㊒㊓㊔㊕㊖㊗
㊘㊜㊝㊞㊟㊠㊡㊢ ㊣㊤㊥㊦㊧㊨㊩㊪
㊫㊬㊭㊮㊯㊰
♟ ☼ ☀ o O ＃ 【】ψ ▓ ► ◄ ▒  ░ ♀♂ √ ╮╭ ╯╰ ァ ┱ ┲ ☆ ★ ♫ ♬ ♪♩♭♪ ▶ △ ▲  γ ō 凸 ∩∪ ╦ ╩ ⊙ ◎ ▀ ▁ ▂ ▃ ▄ ▅ ▆ ▇ █ ▋▌▍┋ ︻ ︼ ¤ ▽ ㄒ ︶︿ ε ＞＜ ┘┌ ∵ ∴ ∷ ︹ ︺ ╬  ╋ ω ㊣ § ■ Θ I し↑↑↓↓← → ↘↙ ↔↕〓 ☆ ★┣┓┏┫×╰ノ◢ ◣ ◥ ◤ Ω ж ф ю Ю ━╃ ╄━  卍 ┛┗ ┓┏ ◇ ◆ ㄨ⌒ ※ × ◎ ☂ ☜ ☞ ☜ ☞ ❤ ♡ ♥『』Ψ № ∑ ⌒〖〗＠ξζ∮ ▓ ∏ 卐【】√  ¤ ∞ ㊝ ≡ ✖ ™ 乀 の♈ ◖◗♋ Café 灬 ≈ ◈ Ш ǎ ☃  ☎ ☏ ☺ ☻ ▧ ▨ ♨ ◐ ◑ ♦ ◊ ◦ ◘ ◙ ♠ ♧ ♣ ▣ ▤ ▥ ▦ ▩ ๑ ۩ ۞  ▪ ▫ □ ˇ и ζ ￡⊕℡❣·۰•● ∈ ⊹⊱⋛⋋ ⋌⋚⊰⊹ 彡 ➸ ❝❞° ﹌﹎ ╱╲ ☁ ₪ ¡ Þ ✱ ௫ μ  o(‧'''‧)o  ｡◕‿◕｡  べòべあ ぃ ￡ ❤ ｡◕‿◕｡

 

 Quote

脚本系列之五（插入链接、断开链接）

[爬山虎原创]

 

插入链接脚本支持链接协议的选择以及设置是否新窗口打开链接。

 

 

使用方法如下：

1 插入链接

javascript:document.all("rtebox").getElementsByTagName("div")[2].focus();var s=document.selection.createRange();var t="_self";void(s.execCommand("CreateLink",true));if (s.parentElement().tagName=="A") {if (window.confirm("是否以新窗口打开该链接？")==true) {void(t="_blank");} void(s.parentElement().target=t);}

2 断开链接

javascript:document.all("rtebox").getElementsByTagName("div")[2].focus();void(document.selection.createRange().execCommand("Unlink"));

【方法一】

进入日志编辑的设计状态下（非HTML状态），对于插入链接（选中文字，插入链接的名称为选中文字；不选择任何文字，插入链接名称与链接地址相同），对于断开链接（选中文字，清除文字中的链接地址，但保留原来的显示文字），将上面的脚本代码复制到地址栏，回车即可。

【方法二】

将该脚本一次性地收藏到收藏夹，以后只要进入日志编辑的设计状态下（非HTML状态），对于插入链接（选中文字，插入链接的名称为选中文字；不选择任何文字，插入链接名称与链接地址相同），对于断开链接（选中文字，清除文字中的链接地址，但保留原来的显示文字），单击收藏夹该链接即可。

加入到收藏夹的方法：

1 打开IE，不考虑是什么页面，将当前页面加入到收藏夹，名称自己任意起，比如"InsertLink"，"UnLink"。

2 复制上面的脚本代码。

3 在收藏夹中刚才收藏的那个链接上单击鼠标右键，选择"属性"，弹出新窗口，将脚本粘贴到"URL"后面的文本框中，单击"确定"按钮，会出现询问你"是否保留这一目标"的对话框，选择"是"即可。

 

【注意】本脚本在IE6.0下运行测试通过，在其他浏览器上不能保证正常运行。

 

 

 

Quote  blog教程册子

在做ｂｌｏｇ之前，我们首先得要一个正确的ｂｌｏｇ观点。

我收集的教程都来源于网络，知道作者的我会署名。教程可能会有所重复。（这个是滚动文本框）

综合教学问题发问板

整理来自“不要轻言放弃的”米兹

基础篇：

 ｍｓｎ的由来（小绿人）

 如何分类你的文章（msn专业论坛）

 我的msn space变成英文的（国良先生）

 如何删除上传到相册的图片（国良先生）

 论msn space的引用通告（国良先生）

 msn space浏览统计（msn专业论坛）

 计数器制作（米兹）

 使用msn space相片空间来贴大图（小绿人）

 msn space初期准备edit it

 缤纷背景

 立体彩色边框

 添加背景音乐

 另类背景音乐教学

 添加视频

 添加计数器和msn在线指示器

 文字光彩效果及滚动文本框（外加文字竖排）

 常用代码集（sunniness2）

 高级篇：（by 小绿人）

 如何在msn space里贴flash

 图片套用滤镜效果

 图层框框制作附加卷轴变化

 网络日志背景图教学

 还猪哥哥制作的视频教学

 图片套用各种相片框

 Div表格原理及实作（by 小绿人）

 Css:无图片实现圆角边缘框框 （by 小绿人）

 如何在任意位置添加图片＆文字 （by Loadmemory）

 编辑工具

  msn spaces编辑器增强模式（小绿人）

  msn space编辑网络日志扩充工具（308号房）

  如何建立msn space编辑网络日志扩充工具（小绿人）

  彩色渐变文字产生器（小绿人）

  msn sapce 小帮手（照片框）（小绿人＆国良先生）

  网络日志背景产生器（小绿人＆国良先生）

各式各样的表格（by 小绿人）

  传说中的黑板

  LCD TV

  蓝色日记表格和小绿表格

  手机表格

  青蛙表格

  多孔日记本表格

  卷轴日记本表格

  精美日记本表格

  逼近真皮的日记本表格

  回复板

  隨手筆記本表格

 另外还有个爬山虎的地图：http://spaces.msn.com/members/huangmj/Blog/cns!1pB4_US3q-4ElAZk8eanGEAg!2359.entry。

ps:

我是菜鸟。谁说菜鸟就不能拥有漂亮的梧桐树？菜鸟很想很想哦，于是，菜鸟整个周末都窝在网里。这个教程册子还有那个地图，菜鸟很喜欢，拿来主义先，给各位朋友们看看滴。

饮水思源，菜鸟在此感谢那些卖力解读Space的高手们，在此感谢那些卖力写教程的高手们。记住哦，你们要继续努力呀。