原圖 :
<img src="圖片.jpg">

柔邊效果-均勻 :
<img src="圖片.jpg" style="filter:alpha(opacity=25, finishOpacity=25,style=0)">

柔邊效果-線狀(左往右) :
<img src="圖片.jpg" style="filter:alpha(opacity=0, finishOpacity=100,style=1)">

柔邊效果-圓形(外往中央):
<img src="圖片.jpg" style="filter:alpha(opacity=100, finishOpacity=0,style=2)">

柔邊效果-圓形(中央往外):
<img src="圖片.jpg" style="filter:alpha(opacity=100, finishOpacity=0,style=3)">

詼諧效果 :
<img src="圖片.jpg" style="filter: gray">

Ｘ光效果 :
<img src="圖片.jpg" style="filter: Xray">

色彩對換 :
<img src="圖片.jpg" style="filter:invert">

左右翻轉 :
<img src="圖片.jpg" style="filter:FlipH()">

上下翻轉 :
<img src="圖片.jpg" style="filter:FlipV()">

  *MSN Spaces for IE尚不支援的效果

馬賽克 :
<img src="圖片.jpg" style="filter:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=4)">

支援馬賽克之後應變的圖像 : 

PS.所有效果的使用方式，都是直接勾HTML格式建立。
Designed for IE.
仔細研究：參考微軟MSDN相關文章。

©能量魔法學院製

 由於MSN SPACES很多語法都不能用，所以我想
這也應該是最後的一個有用教學，也許以後會開放更多
東西也不一定，反正還是Beta版，就期待MSN釋出更多
好康的吧~
　今天天氣很溫暖，這年頭，春天總是來一下子就離我們
遠去，雖然有些人可以看到雪景，但是這是個不該來的
季節，不久，有是炎熱的夏天，哀～期待春意盎然的暖意。

雖然圖片的主要功能是用來裝飾網頁，但少了圖片的網頁就如同少了裝潢的店面，即使貨品齊全，也很難吸引人潮。

拍立得樣式的精緻照片框!!

IE 在<IMG>這個標記中加上了一些擴充功能，這些功能可以用來支援播放視訊的新屬性，通稱為動態來源 (DYNSRC) 。你可以用這個擴充功能來播放影片。你可以同時使用 <IMG> 來指定影片及影像檔，如遇到不能播放影片的瀏覽器，則顯示影像檔代替。擴充的語法如下：

<IMG DYNSRC="file_name"
　　　START="action"
　　　LOOP="value"
　　　CONTROLS>

DYNSRC：指定影片檔的來源

START：指定何時開始播放。你可以設定　FILEOPEN 指明開啟文件時立即播放，或是　MOUSEOVER　來指明滑鼠移到動畫上時播放。你也可以兩者一起設定。

LOOP：指定影片循環播放的次數。若設定為 "-1"，或是 "infinite" 則代表無限播放。

CONTROLS：顯示影片播放視窗。

這種發佈方式並不會在網頁流覽器中出現播放器，而是使用快顯功能表命令來控制電影的播放和停止。

                        由於 MSN Spaces 可供支援的標籤不包含 , <embed> 以及使用 < object > 去呼叫ActiveX控制項 來搭配 < param name="SAMIFileName" value >  做出播放器控制鈕。

                        所以請考慮使用參數 START 搭配 LOOP 跟 CONTROLS 的方式 , 來控制影像檔案的播放 。

                        在纂寫影音檔案時需要考量的是 , 影音檔案的大小 , 客戶端跟本地檔案的連線速度 , 影音檔案的播放控制 , 以及本地檔案斷線時可供替代的圖像跟文字。

                          如果你怕本地影音檔案失效 , 而造成一個破碎的連結框時 , 請考慮搭配   SRC 跟  ALT  來指定替代的影像圖案跟文字 , 那就不會因為破碎連結 ,而造成讀戶的困擾 。

                           語法如下 :

                           <img dynsrc="媒體連結點" alt="影音名稱" src="影音替代圖像">

步驟：

1.先到 "這裡"，申請一個你喜歡的計數器吧～(14種中挑一個吧！)

2.選完之後會出現一個網頁，要你填寫一些資料，依序寫下要填的東西

  (1)使用者名稱（英文或英文加上數字）

  (2)密碼

  (3)填0

  (4)你的電子信箱

  (5)自己網頁的網址 

     ex：http://spaces.msn.com/members/snow44/(咪茲咪茲的網誌)

  (6)自己網頁的標題 

      ex：text，應該打什麼都可以吧…

  (7)勾選 I agree ........

  (8) 按.....Submit

PS      PS  如果完成後計數器後，覺得不滿意，想更換，你可以換使用名稱重 新再來，我不知道這樣對不對，但是我是這樣做的，若有不對要跟我說。

3.之後你要參考”這裡的網頁”，如果你出現與上面的相似的很多排整齊的文字，那你就做對了。

4.再來你要複製一段文字，大概都在最後一行，你看到”src=”之後，></a>之前，去複製那段的文字

ex：咪茲咪茲的是……src=http://udjc.com/counter/index.php?u=snow44&s=bluepl></a>，若是你真的不懂，你在po給我，我在幫你找。

5.之後去開一個IE，輸入剛剛複製一大串的東西ex：咪茲咪茲的是http://udjc.com/counter/index.php?u=snow44&s=bluepl，就會出現你要的計時器。

（建議你可以把他加入我的最愛，萬一你在編輯網誌時不小心刪掉計數器，還可以補救喔！放心數字絕對不會從1開始的！）

6.之後你在新增網誌，將剛剛做的計數器拖到網誌編輯的區域內，你也可以加上一些字，豐富一下。

（至於要怎麼拖，就…網頁各佔一半，用滑鼠按左鍵，拖過去……^^"）

其實很簡單的。

我提供一個很簡單的方法，有興趣的朋友可以試試看喔。

1 首先，你要先把WMA格式的音樂（建議用WMA格式）上傳到您網路的免費空間，例如HINET的（所有HINET的用戶，都有免費的網頁空間可以利用喔，可不要浪費了，撥接有20mb，寬頻有60mb）

因為有安裝OFFICE的朋友，通常都會有Front Page，就算沒裝，也能用光碟補上，所以我介紹Front Page的方法。

2 打開您的Front Page，然後選 [插入]、[圖片]、[從檔案]，隨便選一張圖片。

3 圖片出現之後，在圖片上點兩下，會出現 [圖片內容] 的視窗，選擇 [視頻] ，然後在 [視訊來源] 的欄位，填入您音樂的連結位置（如果您希望音樂一直循環播放，可以將 [不限次數] 也打勾，然後按 [確定]。

4 然後您會發現圖片變小了，這時候，選擇 圖片 按右鍵（或者全選） 選 複製。（建議，您也可以直接在FrontPage上面將要放的文章一並寫好，然後使用全選再複製）

5 接著，在您的MsnSpaces開新文章，然後選瀏覽器的 [編輯]、[貼上]。然後加上您要寫的文章，發佈後，您就會有背景音樂囉^^。

6 這樣的方法，也可以應用在影片上，但是微軟支援的影片格式相當有限，通常FrontPage裡面支援的格式都沒有問題，有興趣的朋友可以試試看喔。

PS：現在還有幾種其他的方法，大家可以參考其他朋友回應的文章^^。

容易發生失敗的原因：

1 網址錯誤，完全聽不到。

2 放在需要有權限可進入的地方，好比說YAHOO的公事包，這樣自己可能可以聽見，但是沒有權限的人就聽不到了。

3 放置的空間有限制存取音樂格式的檔案。

PS：找不到合適空間但想要測試的朋友可以先用這個網址的音樂測試看看http://myweb.hinet.net/home3/scar/m/moon.wma

善用您的滑鼠輕鬆貼上圖檔和文字！

　預備工作：開啟兩個ＩＥ瀏覽器，一個進入您的編輯畫面，另一個進入有您要複製文字和圖檔的網頁（如右圖）。

　文字技：先選取您要複製的文字，再用滑鼠點住已選取的文字不放，拖到 msn Space 的編輯畫面再放開滑鼠按鍵。（如下圖）。完成！就這麼簡單！而且還保留原來的格式哦。

 聰明的您是不是也想到了圖檔也可以用滑鼠拖曳呢？沒錯！圖檔技也是一樣的道理，試試看吧！

重要的題外話：
　如果您要複製（引用、摘錄…等）別人的文字，請記得註明作者或資料來源，這是對原創者的尊重。
　如果您要使用別人網站上的圖檔時，請盡量（在合法範圍內）先將要用的圖檔放入自己的相簿中，以避免影響原網站的流量。

<div style="border: 1px dashed #000000;background-color:#FFFFE0"> ... </div> 

• 1px：框線寬度－ 1 點
• dashed：框線式樣－虛線
• #000000：框線式樣－黑色
• background-color:#FFFFE0：背景顏色－淡黃

經測試，無法使用背景圖。

• 延伸閱讀：Spaces@Msn編輯增強模式

2005/01/29

　上面這張圖是這篇《行動書寫美麗新世界》的插圖，關於這篇文章在這裡沒什麼好重複再說的，有興趣的朋友請移駕一覽。

　之所以發這篇文主要是要回覆大笨熊 (http://spaces.msn.com/members/bbear/)所問到如何貼圖的問題。

　其實在MSN spaces開始啟用的第一天，也就是十二月二日，網誌的編寫是允許使用HTML語法的，後來不知道為何取消了，於是我只好採用變通的辦法。其實在MSN spaces貼圖很簡單，在上傳圖片後，在瀏覽器開出圖片，拷貝該圖並貼到網誌內容編輯欄去即可。

以上貼圖教學來自 Jas9 MSN 感謝 Jas 熱心解答

 MSN Spaces 貼圖教學 STEP BY STEP

一、進入網誌編輯畫面。
二、點選編輯畫面下方的【新增相片】後，選取圖片上傳。
三、按【圖片名稱】將另開出一個圖片視窗。

四、在圖片上按右鍵選複製。

五、回網誌編輯視窗中按『Ctrl+V』將圖片貼出即可。

補充一個可放圖片的網站

 ImageShack(TM) 免費免註冊的上傳圖片網站

允許圖片種類：jpeg,jpg,png,bmp,tif,tiff,swf

圖片大小限制：1024kb

一、按瀏覽選擇想要上傳的檔案。

二、按Host it!將檔案上傳。

三、最下面Here is a direct link to your image.之後的網址，即為圖片的連結路徑。

★如何建立MSN Spaces 編輯網誌內容擴充工具?

♠按此直接下載擴充工具教學影片(法一和法二)♠

法一:

1.新增純文字文件
2.打入下面文字

[DEFAULT]
BASEURL=http://spaces.msn.com/members/gene7299/
[InternetShortcut]
URL=javascript:if%20(navigator.userAgent.indexOf("MSIE")>0%20&&%20document.all.rtebox!=null)%20{EditBox.setToolbar("tbmode",true);EditBox.setToolbar("tbfontstyle",true);EditBox.setToolbar("tbfontsize",true);EditBox.setToolbar("tbcut",true);EditBox.setToolbar("tbcopy",true);EditBox.setToolbar("tbpaste",true);EditBox.setToolbar("tbbar1",true);EditBox.setToolbar("tbbar2",true);void(document.all.rtebox.style.height="400");void(document.all.EditBox.style.height= "400")}
Modified=B0D934783C02C50139

3.打完儲存之後 , 把原來檔名改成"MSN Spaces 編輯網誌內容擴充工具.url"之網際網路捷徑的格式(可能要先到檔案總管<工具>-<檢視>,把隱藏副檔名的設定取消)
4.把檔案托拉到我的最愛(必要步驟)..按確定
5.當在編輯網誌的時候，按下此捷徑，工具列就會多出隱藏的按鈕...祝你使用順利囉..

法三:

♠按此直接下載擴充工具教學影片(法三)♠

安裝"右鍵"程式

程式下載 Spaces@Msn編輯器增強模式安裝程式<-點我 (84.5 KB)。

MD5檢查碼：E46EA8F065D473272D6C36D0B06C5E2E
安裝之後，在「編輯網誌內容」畫面按滑鼠右鍵會出現「Spaces@Msn編輯器增強模式」的新選項，點下去就行了。

以上參考&檔案連結來源:國良先生的網誌<-應該封為MSN Spaces的第一人

★如何在網誌加上 影片 和 音樂 ?

♠按此直接下載添加音樂教學影片♠

打開所謂的 增強編輯模式之後,在按使用 HTML 格式建立網頁,參考並輸入下列程式碼 即可

非正規多媒體標準語法:(<-因為正規的語法被微軟鎖掉不能使用了,只能用克難型的圖片語法,反正IE就是不標準有名的,這樣一來在FireFox根本聽不到音樂....^^")
<img height=180 loop=infinite dynsrc=http://www.你的.com/影片或音樂.asf border=0 start=mouseover alt=圖片說明 src=http://www.你的.com/圖片.jpg width=320>

一些可用的參數說明:

1.loop=infinite  指播放的次數,如果不加就只播放一次 (可設成=2、=3之類)

2.dynsrc=http://www.你的.com/影片或音樂.asf  你的影片或音樂網址

3.width=320 height=180 影片寬和高(像素) 如果是音樂檔就是圖片的寬和高(音樂檔應該只能聽不能看吧) 必加此項,否則會失敗

4.border=0 圖片框框的寬度(不要框框就設0)

5.start=mouseover 啟動方式,mouseover代表滑鼠要移動到該畫面,該畫面才會開始播放影片,不加就是自動播放(音樂無法手動播放) <-除非你轉成影片格式

6.src=http://www.你的.com/圖片.jpg  圖片網址(拿掉就不顯示圖)

*所謂自動播放,還是要以看到圖為準,並不是指網頁開啟就算了*

範例1 : 自動播放音樂,顯示圖片,加3度寬框框,加上重新播放共2次(音樂無法手動播放)(把src=http://mywallop.com/wc/794752_per/pic/3383740.jpg去掉,就相當於背景播放並自動播放喔)

<img height=189 loop=2 dynsrc=http://kiddiken.net/share/sound/uhaaaa.wma border=3 alt=圖片說明 src=http://mywallop.com/wc1/794752_per/pic/3383740.jpg width=354>

範例2 : 自動播放影片一次

<img height=212 dynsrc=http://idisk.mac.com/jahorne/Public/powered_by_300.wmv border=0 alt=WMP9 src=http://mywallop.com/wc1/794752_per/pic/3383740.jpg width=321>

範例3 : 手動播放影片一次

<img height=212 dynsrc=http://idisk.mac.com/jahorne/Public/powered_by_300.wmv border=0 start=mouseover alt=WMP9 src=http://mywallop.com/wc1/794752_per/pic/3383740.jpg width=321>