同樣，你要登入MSN並進入　http://settings.messenger.live.com/applications/Default.aspx

 
進到「建立ＨＴＭＬ」中，選擇你要的顯示模式，這裡以選擇第二種按鈕作示範，可以設定主題顏色後，將下方產生的ＪＳ語法複製起來

進入你的香港雅虎　http://hk.geocities.yahoo.com/filemanager　（用奇摩帳號登入）

 
進到「檔案總管」中，先新增一個檔案，將剛才複製的語法，貼在原始碼中＜BODY＞後面

 
設定「檔案名稱」，要自行打上「檔名.HTM」，然後就儲存

回到檔案總管中，找到剛才新增的檔案，在檢視上按右鍵，並將網址複製起來！

先將網址貼在筆記本中，並且把網址寫成一個完整的ＩＦＲＡＭＥ語法，如下！

＜iframe src="你的香港雅虎網址" scrolling="0" width="100" height="35"＞＜/iframe＞

＜＞請自行改為半型<>　

 
作好完整的語法後，將ｉｆｒａｍｅ語法複製起來
到這裡我們只做到了一半，以下才是重點，能讓MSN狀態按鈕可以顯示在無名的作法！

進入編碼網站　http://home.pchome.com.tw/soho/leeweng/html/03/encrypt2.htm


將語法貼入灰框中，並且「開始編碼」

編碼完成後的語法會長這樣，將整個編碼結果，複製後，直接貼上無名的資料夾

登入無名小站後，進入網誌的資料夾管理，你可以新增一個資料夾及連結，作法如上，將語法貼上儲存之後，就可以看到MSN的狀態按鈕了！

如果你選擇的視窗的樣式，因為視窗無法自由縮放大小，所以作出來可能會被截斷的狀況

選擇「即時通訊視窗」，可設定顏色後，將下方產生的ｉｆｒａｍｅ語法複製下來，直接轉碼

同樣進入編碼網站　http://home.pchome.com.tw/soho/leeweng/html/03/encrypt2.htm


視窗模式的語法，直接轉碼就可以了，不用再寫入香港雅虎中，如同上述的操作，同樣將編碼後的語法複製回無名資料夾

視窗模式的狀態，如果你的無名資料夾夠寬，可以使用原來的300＊300，像這裡我有修改原始語法中的WIDTH 及 HEIGHT，有縮小了一些，但縮放的結果還是不完美！

以上二種模式經過轉碼後，都可以使用於無名資料夾，當然，如果你有語法也是ｉｆｒａｍｅ型態，也可以在編碼網站上，進行編碼，再貼回無名中，如果是ＪＳ語法，有些並不用轉碼可以直接貼，若是太複雜的ＪＳ，還是建議大家將語法先作在其他網頁中，再製作ｉｆｒａｍｅ去轉碼，會比較好操作！

首先，你要進入優美客首頁　http://www.youmaker.com/video/index.html

進入圖片區或是利用右方的搜尋器來查找，輸入你要搜尋的關鍵字後，可能會找到多個結果，看你是想要有附加音樂的或是純圖片！

我選擇其中一個來作示範，點入某一個搜尋結果後，會進入播放頁面，你會看到圖片及音樂都自動播放了！

在右方的Ｅｍｂｅｄ框，將其中的語法複製下來，就可以取得語法了！

你貼上在網頁上，會像這個樣子，有點難看吧！所以我們接下來，再來分解語法！

先把你複製下來的語法，先貼到筆記本，如上圖，有二個區塊，因為我選擇的有音樂的圖片機，所有會看到二個不同的SWF播放器，如上圖黃線，而藍色框是圖片機的語法，綠色框是音樂的語法，而紫色框是優美客的連結廣告語法，可以刪除，藍色與綠色框中間，有二個＜br＞這是用來分隔圖片與音樂播放器，你可以刪除一個＜br＞讓圖片緊連音樂播放器。

先來看圖片機語法的部份，我刪掉部份非必要的文字，所以剩下以下這些字串

＜EMBED src="http://www.youmaker.com/imagerem.swf" width="450" height="338" flashvars="file=優美客圖片連結位置&rotatetime=7&shuffle=false&transition=random&shownavigation=true&linktarget=_blank&backcolor=0xFFFFFF&autostart=true&linkfromdisplay=false&link=&overstretch=0&repeat=true" /＞

藍字的部份，就是圖片機播放參數，每個參數都以 & 連結，我們一一來查看！
rotatetime=7 　變換時間，設定幾秒換一張，數字愈大換張愈慢！
shuffle=false　是否隨機換圖　false是依順序播圖　true是隨機換圖
autostart=true　自動播放　false是不自動
repeat=true　重複播放　false是不自動
linktarget=_blank　設定點擊播放器時，連結到影片頁的連結開啟方式，_blank 是在新視窗開啟，_top表示使用原來視窗，請用小寫表示，因為可能會因為瀏覽器不同而無法識別！
link=　連結位置已內定優美客影片網址，無法修改，可刪除參數

transition=random　換頁效果，設定圖片在換張時，是否要使用特效，預設是random，也可以設為no，比較結果如下

shownavigation=true　是否顯示圖片播放控制列，預設為true ，可自行修改為false，效果如下



backcolor=0xFFFFFF  圖片播放器背景色，只要改變0x後面的色碼即可改變背景色，含控制列的底色！色碼表參考 點我找顏色　（只取＃後的六碼，貼在0x後即可）

當圖片小於播放器大小時，又沒設定伸展的話，就會看到背景色了

linkfromdisplay=false　點擊圖片播放器任何地方是否可連結回影片網址

若linkfromdisplay=true時，只要點擊圖片播放器任何地方，都會連到優美客影音位置，若設為false時，除了點上圖的區塊以外，點任何地方是換下一張圖！

overstretch=true　伸展圖片，當圖片小於播放器時，是否要伸展圖片

再來就是改變播放器的大小，預設的圖片機寬是450高338，若想要在自訂欄位使用的話，請自行修改width="125" height="100" 

而在音樂播放器方面，詳細參數請參考優美客-奇摩變化題 中的參數說明，目前在優美客中取得的音樂語法中，已經將自動播放參數改為不自動播放了，所以在各位取得音樂語法時，若想自動播放，請先修改下方範例中橘字的部份，將autostart=false修改為autostart=true，這樣才能自動播放，如果你使用的是圖片＋音樂，在圖片機若有修改寬高，那麼在以下綠色的width，最好也修改為與圖片機相同寬度！

＜EMBED src="http://www.youmaker.com/m.swf" width="450" height="19" flashvars="file=http://www.youmaker.com/video/v%3Fid%3Dc131834ee03e44c1b482c564c16b4a1a001%26nu%3Dnu&linkfromdisplay=true&showdigits=true&autostart=false&repeat=true&showfsbutton=false&showeq=true" />

圖片機示範，自訂欄位寬高125*100/去除控制列/音樂自動播放/＜br＞刪除一個

若要貼在文章區中，寬高可不必改，貼上前，先切換為「觀看HTML」原始碼，再貼上語法喔！

今天我們要利用FileDen空間，上傳並且製作多首播放器，還沒有FileDen帳號的朋友，請先到FileDen 免費空間 查看教學並申請！

已經有帳號的朋友，在製作多首播放器前，要先準備三個必須物件！

1.播放器面板 (SWF檔)
2.播放清單 (XML檔)
3.音樂檔或音樂網址 (可先至優美客、無名、百度MP3、FOXY下載或取得音樂網址)

1-2播放器檔案，可以參考以下這些網站，有作者自製及網友整理的播放器，是目前網路上常用的款式！

鏡空間：http://blog.pixnet.net/prb999/post/5176001　(含SWF及XML，需解壓縮)

蘋果屋：http://www.esnips.com/web/mp3skin　(含SWF及XML，需解壓縮)

天天天晴：http://blog.pixnet.net/marujuana/post/15634494　(可直接點BOX檔案預覽，再點檔案旁的三角按鈕－DOWNLOAD，XML也在下載器中，也要下載回來喔！)

音樂檔若已經下載到自己的電腦中，可先用筆記本打開XML檔案，把title的曲名打上去，如下


音樂網址的部份，可以上傳後再填寫，也可以先上傳一首後，取得網址複製再貼上XML，再改流水號，如01.MP3、02.MP3！

好了，準備好所有的必須物件後，現在登入FileDen

登入後，選擇上方的「FILES」進入檔案總管

在這裡，我新增一個資料夾，可以將所有跟播放器有關的檔案，全放在同一個資料夾中

這裡打上資料夾名稱，不要輸入中文喔！取好名稱後按下「Create」新增

新增後，進入資料夾列表頁，點選剛才新增的資料夾名稱，準備要上傳檔案了！

選擇中間右邊的「UPLOAD FILES」

進入上傳頁後，你可以一次把音樂檔跟SWF檔一同上傳，也可以像我一樣，先上傳「第一首」音樂！

上傳後，會看到上面的畫面，把[img] xxxxxxxx [img]中間的網址複製下來，貼到XML的第一首歌

因為我所有的歌都會上傳到同一個資料夾，且檔名都改成流水號.MP3，所以我先上傳第一首歌，在上傳第一首後取得img的音樂網址，可以直接貼在XML中，並且複製到其他曲目上，再改網址最後的流水號就好了，最後再上傳其他音樂檔、SWF及XML檔！

你也可以先上傳所有音樂檔，一一取得音樂網址，寫入XML中，最後再上傳SWF及XML檔！

以上是用「檔案」上傳的方式！
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
那如果你有音樂網址沒有實際檔案，怎麼上傳？
像現在很多人將音樂上傳到無名相簿後，卻發現無名相簿音樂不能外連到多首播放器中，這裡我以無名的音樂網址來作示範，但要先確定這個音樂網址是可以用的喔！

這是無名音樂網址，原本用來作多首播放器的XML內容，一個個複製這些網址，也可以上傳到FileDen

如果你的音樂檔只是上傳到相簿，還沒作多首清單，也可以找出音樂網址上傳到FileDen，有點像備份無名的音樂檔～

進入自己的無名相簿中，點入你放音樂的相本中

點選你要查看並上傳的音樂檔

在音樂播放頁，在空白地方「右鍵－檢視原始碼」，如果是別人的相簿而且有鎖右鍵的話，你只能用瀏覽器的「檢視」－「來源碼或原始碼」

開啟原始檔後，ＣＴＲＬ＋Ｆ開啟尋找對話框，輸入MP3並搜尋，會如同上圖一樣，找到音樂網址，將音樂網址複製後，貼在以下的上傳方法中！

同樣進入FileDen檔案總中，左邊選單最下面，有個「Switch to the old file browser」點進去，進入後，同樣在左邊最下面「Remote file transfer」一樣點進去！

將複製的音樂網址貼在上傳欄位中，可選資料夾，但好像沒什麼用，只是檔名前面會多了資料夾名稱，可以一次把所有要上傳的網址貼上去，再一次Upload

上傳音樂網址後，會上傳到預設的資料夾中。

你可以勾選檔案，Rename(修改檔名)或是Move to(移動)到播放器的資料夾中

確定移動後，就可以跟原先上傳的音樂檔放在一起了！

好了，處理完音樂的問題，在音樂檔都上傳後，如果你是用我的方式，先上傳第一首的話，應該現在XML已經完成一半了！

這是XML的內容，剛才所做的，只是將Song Path及Title做完，接下來要看第二行的參數

autoStart="yes　no　random" 三種任選設定是否自動播放　yes=自動依序播放  no=不自動播放 random=自動隨機播放
showPlaylist="yes　no" 二種任選，設定是否顯示播放清單，一般人應該會選擇yes顯示
showDisplay="yes　no" 二種任選，設定是否顯示控制列，一般人應該會選擇yes顯示

完成了參數設定，再檢視音樂網址及title，是否有符號不對稱，確定OK後就存檔！

 
接下來再回到FileDen，把SWF、XML，若你還有音樂檔沒上傳，就在這裡一起上傳！記得要選擇同一個資料夾喔！

在全部的物件都完成上傳後，如果你沒在img畫面取回網址的話，回到檔案列表中，也可以依上圖這樣作，就可以取回SWF網址了，若你按「Download file」會看到播放器的結果，清單跟音樂都會出來，如果沒有出現播放器歌曲清單，你可能要重新檢查XML是否有錯誤！

 
XML檔的網址，也是同樣方法取得網址，若你按下「Download file」會看到XML的內容如下

這是正常的XML顯示，如果你的出現在某列有錯誤，那必須重新檢查XML內容，可能是多了符號或少了空白或符號等！

如果做到這裡都沒有問題，而播放器也可以預覽結果，歌也會播放，那現在就把剛才取得的SWF及XML網址，貼到以下語法中，再把語法貼到你的部落格或網址！

＜＞請自行改為半型<>
＜EMBED src="SWF網址" FlashVars="playlist=XML網址" width="160" height="210" wmode="transparent"＞＜/EMBED＞

width="160" height="210" 寬高度，不同的面板寬高並不相同，請自行調整！

進入BOX精靈頁面：http://www.box.net/widget/

進入後，若您還沒有帳號的，在２的輸入框中，輸入你的E-MAIL及自訂密碼，精靈一次只能上傳三個檔案喔！

如果你是登入的狀態，在精靈頁上，第２項會直接顯示你的E-MAIL帳號，在選好要上傳的檔案後，就可以按下「Upload」開始上傳

上傳後，會切換到這個頁面上，你可以選擇播放器的樣式、大小及顏色，也可以自訂播放器要顯示的名稱！

在播放器的樣式中，有二種，BASIC就是精靈的預設播放器，另一種就是之前介紹過的檔案下載器！

播放器大小，只適用於BASIC樣式的播放器，有三種大小，可以依你的需要選擇！

設定好播放器選項之後，可以按下「UPDAE」產生語法，並把語法複製下來，你可以直接貼在網誌中，但這個播放器有廣告，所以先貼到筆記本中，再修改語法內容吧！

Ｘ的部份，可以刪除，其他的部份是必要的，寬高除了預設的三種大小，你也可以自行修改，這裡要特別提出來的是參數值的部份

＜EMBED src="http://www.box.net/static/flash/widget_player.swf" FlashVars="subString=folderId=資料夾ＩＤ,color=色碼,title=播放器名稱" wmode="transparent" width="寬度" height="高度"＞＜/EMBED＞

subString=folderId=資料夾ID，也就是使用精靈頁，自動產生的flash_widget資料夾ID，你也可以改為其他資料夾的ID，方法如下

color=自訂色碼，不用#號，只要英數字，如FF6688。
title=播放器名稱，預設是MY SHARED FILES，可以自定，但必須是英數字，不可為中文

如果當你貼上語法後，發現你所設定的參數並沒有出現，請回頭查看語法，有些語法內容不見了，因為我測試過，有些網誌有語法限制，在參數值中的「,」號並不被接受，所以你設的參數值，包含檔案都會變成BOX預設的，那必須把語法轉換一下或是把語法中的「,」號改成可接受的！

無名/奇摩接受的寫法，去除Flashvars改用？，＜＞改為半型
＜EMBED src="http://www.box.net/static/flash/widget_player.swf?subString=folderId=資料夾ＩＤ,color=色碼,title=播放器名稱" wmode="transparent" width="400" height="400"＞＜/EMBED＞

若這樣的寫法，您的網站還是不能貼，那就改用下列的語法，將「,」改寫為「%2C」
＜EMBED src="http://www.box.net/static/flash/widget_player.swf?subString=folderId=資料夾ID%2Ccolor=色碼%2Ctitle=播放器名稱" wmode="transparent" width="400" height="400"＞＜/EMBED＞



使用這個播放器，訪客可以取得你的語法，如上圖操作，取回的語法貼在網頁中，如同你分享了一個多首播放器一樣！但取得的語法仍然有廣告，可以上述語法說明部份操作！

精靈播放器，可以直接播放MP3及FLV檔案，但是檔名不能為中文字才有用，播放FLV檔時，影片大小會隨你設定的播放器寬高縮放

自訂大小400＊400，含影片、音樂、圖片，只有音樂會連續播放喔！

最值得讚賞的是它的操作介面，跟在本機操作檔案總管相近，這是因為它利用AJAX 技術構建的操作界面，清新簡單而且非常容易上手，而且申請的手續也很簡單，只要一個E-MAIL，你就擁有1G空間了！

有人猜到了，對！就是BOX.NET，還沒有帳號的朋友，請跟著教學一起申請吧！

進到BOX.NET的首頁 http://www.box.net

依圖上動作執行，在進入填寫資料頁，會有三個選項，只有LITE是免費的，其他二個項目雖然空間增大，但主要還是要付費！寫好你的基本資料後，送出申請！

如果E-MAIL沒有重覆的話，應該就可以申請成功，申請後同樣會出現詢問你是否要付費的訊息，不想付費的話，就往下找到「Free Lite Account」按下就可以使用了！

申請完後，會進入你的管理頁，第一個動作會自動跳出來，要你建立一個資料夾，依你的需要建立第一個資料夾，建立後，你可能會直接進到My Files，且在你建立的資料夾中，現在要準備開始上傳檔案！

如果你現在不想建立資料夾，日後也可以再按下「+ New Folder」再創立資料夾！

按下「UPLOAD」後，會跳出選擇框，設定好你要上傳檔案的資料夾，按下「Add files」，就可以選擇要上傳的檔案，可一次選取多個檔案同時上傳

如果你在按下「Upload」後，出現這一個訊息，那表示你預上傳的檔案中，有檔案大小是超過10MB，是的！空間很好用，但還是會有一些小限制，免費會員，單檔上傳不能超過10MB。

若檔案沒有超過限制，就會開始上傳了，上傳完成後，有時視窗仍會存在，所以必須手動關閉！

在管理頁中，有四個區塊，「Updates」可以查看你的上傳或更動記錄，通常上傳檔案會存放在你選定的資料夾中，而第一個是從精靈上傳而產生的資料夾flash_widget，可以改掉資料名稱，但只要再用精靈上傳檔案，就會再自動產生相同資料夾名稱，詳細參考BOX精靈及影音播放器！

在「My Files」中，你可以管理自己上傳的檔案或資料夾，瀏覽模式也可以換切成列表或圖示！

在檔案或資料夾右方，核選框中打勾，就會出現管理工具，可以移動、刪除、複製、寄送或建立一個標簽！

當選擇「 Move/Copy」時，表示你目前勾選的項目要移動(Move)或複製(Copy)到某一個選定的資料夾！

而當選擇了「Delete」，則是要刪除目前勾選的檔案或資料夾！

box的下載器，就如上圖一樣，可以打中文，可以提供下載，但是如果你希望音樂MP3、FLV影片、JPG圖檔或SWF檔案能夠線上播放的話，就必須檔名為英數字，不可以是中文。
只是目前這個檔案下載器，可以播放MP3、圖片，但FLV及SWF仍然有些問題喔！

而修改檔名的方式，跟檔案總管差不多，你可以在檔案上右鍵或依上述方法更改檔名，可以將中文的部份，寫在「Description」描述中！

如果你只想分享單一檔案，也可以只取單檔的連結，預覽的結果就如上圖一樣，單檔分享只是連結而不是FLASH崁入喔！

想要使用FLASH語法崁入，就必須是整個資料夾，在資料夾上右鍵，Get a widget。

將崁入碼複製下來，就可以貼在網誌或網站中，這個崁入介面並沒有廣告連結，純白的介面看起來很清爽，如果您有在更改檔名時，寫入檔案描述的話，使用者移到檔案上面，就會出現描述的訊息了！

取得的語法如下：＜＞自行改為半型
＜EMBED src="http://www.box.net/static/flash/box_explorer.swf?widgetHash=資料夾ID&cl=0" type="application/x-shockwave-flash" wmode="transparent" height="345" width="460"＞＜/EMBED＞

預設的寬度width為460，高度height為345，可以自行調整，只要更換資料夾的ID，就會顯示不同的下載內容！

線上播放的畫面，就如上圖，而FLV檔的播放器，在這個崁入碼中，是無法播放的，也就是說，FLV的播放器，必須另外再抓取，並非一致性的取得方式，所以在這裡暫時不提！

最後，雖然有1G的空間可以使用，但你還是要注意一下，以免超過了，在右上方的「Settings」進入後，Account/Upgrade 就可以查看你目前空間的使用狀態了。

以下是示範檔案下載器，包含各種常用的檔案類型！

建議大家，若要把這個下載器當成音樂播放器來用的話，你的資料夾中可以全部存放mp3檔案，並且檔名不能為中文，那麼崁入語法後，除了不能自動播放外，它會連續播放並循環，而且播放介面可以調整，相當不錯用，但還是注意一下自己分享的檔案是否涉及版權，否則將會觸法喔！

若你的頻道名稱是中文或歌曲名稱含中文，就會出現亂碼，也找不到地方去取得語法！

不過沒關係，在這裡再提供手動製作播放器的方法，之前上傳音樂的三種方法，除了到ODEO首頁取得音樂的方式不可用外，其他用音樂網址及錄音都還可以新增音樂喔～

要注意音樂網址，不要用無名相簿的音樂，因為現在相簿音樂不能外連，優美客的音樂網址也有限制所以也不能用喔！

申請會員、建立頻道、錄音製作，請往前參考前一篇的教學

雖然在之前出現列表會有亂碼，若你想分享單曲給網友的話，在曲名的部份就不能輸入中文，但在這我示範取得播放器語法，因為播放器想要顯示中文，所以就不用理會網站上的亂碼！

新增取曲之後，記得把歌曲選擇到你要新增的頻道中，這樣才能列入播放器清單中

新增很多歌之後，可以按下右方綠框中的頻道，再依上方操作，就可以查看目前該頻道中的所有歌曲了！

現在要開始手動製作播放器

選擇你的頻道，會看到上方的資料，這裡要將頻道的ＩＤ記起來，再貼到以下的語法中！

基本語法如下：

＜＞自行改為<>

＜EMBED src="http://studio.odeo.com/flash/odeo_podcast_player.swf" width="200" height="450" flashvars="type=channel&player_id=d41d8cd98f00b204e9800998ecf8427e&id=填上你的頻道ID&play_first=random&auto_play=true&color1=0x色碼&color2=0x色碼&color3=0x色碼&color4=0x色碼&color5=0x色碼&color6=0x色碼" wmode="transparent"＞＜/EMBED＞

auto_play=true自動播放，手動播放則設為false

play_first首播設定有三種，參數寫法分別為

1.Most Recent  參數 play_first=recent  這表示先播放的是你「最新增加」的那一首開始播！

2.Random　參數 play_first=random 這是曲目隨機播放，但如果剛好播到最後一首歌完了之後，就不會再隨機，只要播完最後一首，都會自動停止！

3.從某一首歌開始播　參數 play_first=19440073，後面的數字是某一首歌曲的ID，取得方法如下

進入頻道歌曲列表中，選擇某首歌點進去，看到單曲播放器下方，取得單曲ID！

播放器的外觀色碼，總共有六個設定值，若不想設定外觀，可以把color1-colr6都刪除

若沒有設定外觀的色碼，就是上面圖中的樣式，也可以單獨設定，不用六個都設！如上圖所示，每個參數都代表不同位置的顏色！

color1 設定播放中曲名底色、播放鍵底色、上下首按鈕色

color2 設定播放進度軸的底色

color3 設定整個播放器的底色、非播放中的曲名底色

color4 設定播放中曲名字色、播放鈕顏色、文字進度顏色

color5 設定非播放中的文字顏色

color6 設定文字進度的底色

以上播放器外觀的色碼寫法為0xFFFFFF，0是數字零，不是英文O，只要設定0x後的基本色碼即可，可以參考色碼表，將＃後的色碼複製貼到語法中！

若太懶不想自己設定外觀，除了使用預設值外，以下幾款提供給大家參考，只需要填上自己的頻道ＩＤ即可，記得將＜＞改為<>喔！

請到「這裡」取回語法

首先，我們先來了解關於捲軸的各項CSS參數

我把捲軸的CSS分解後，大家會比較容易了解，還有一個SCROLLBAR-BASE-COLOR(整體色彩)比較少被用到，所以沒寫在分解中，以上各種不同的顏色代表捲軸各種設定，依你自己的喜好自訂顏色。

以下再分享三種比較常用的捲軸CSS

背景色為黑色，只秀出上下箭頭，ＣＳＳ如下

 SCROLLBAR-FACE-COLOR:#000;
 SCROLLBAR-TRACK-COLOR:#000;
 SCROLLBAR-ARROW-COLOR:#FFF;
 SCROLLBAR-HIGHLIGHT-COLOR:#000;
 SCROLLBAR-3DLIGHT-COLOR:#000;
 SCROLLBAR-SHADOW-COLOR:#000;
 SCROLLBAR-DARKSHADOW-COLOR:#000;

若想設為以上的樣式，捲軸中的ＣＳＳ參數，都以背景底色為主，只有SCROLLBAR-FACE-COLOR(三角箭頭)設為不同色，如果將ＣＳＳ全部設為與背景色相同的話，三角箭頭不會出現捲軸也可以移動，但會看不出來，有種透明捲軸的感覺！

無背景色，預設為白底，捲軸設為中空線條

 SCROLLBAR-FACE-COLOR:#FFF;
 SCROLLBAR-TRACK-COLOR:#FFF;
 SCROLLBAR-ARROW-COLOR:#000;
 SCROLLBAR-HIGHLIGHT-COLOR:#000;
 SCROLLBAR-3DLIGHT-COLOR:#FFF;
 SCROLLBAR-SHADOW-COLOR:#000;
 SCROLLBAR-DARKSHADOW-COLOR:#FFF;

將
SCROLLBAR-ARROW-COLOR(三角箭頭)、
SCROLLBAR-HIGHLIGHT-COLOR(軸面左內邊)、
SCROLLBAR-SHADOW-COLOR(軸面右內邊)
設為與底色不同，就會出現以上的效果。

無背景色，預設為白底，捲軸設為立體效果

SCROLLBAR-FACE-COLOR: #4890FC;
SCROLLBAR-SHADOW-COLOR: #4800FC;
SCROLLBAR-3DLIGHT-COLOR: #00B4FC;
SCROLLBAR-HIGHLIGHT-COLOR: #FFF;
SCROLLBAR-ARROW-COLOR: #FFF;
SCROLLBAR-TRACK-COLOR: #FFF;
SCROLLBAR-DARKSHADOW-COLOR: #FFF;

將SCROLLBAR-FACE-COLOR(軸面)、SCROLLBAR-SHADOW-COLOR(軸面右內邊)設為相同色碼，SCROLLBAR-3DLIGHT-COLOR(左方立體邊)的顏色比上二個顏色還要淺，就會凸顯立體效果！

很多人在問，透明捲軸怎麼作？
除了上述的ＣＳＳ參數外，必須多加一個FILTER: Chroma( Color = #透明色碼);
注意：不是所有的HTML標簽都可以做，而且只適用於ＩＥ瀏覽器！

原始樣式的ＣＳＳ如下
 SCROLLBAR-FACE-COLOR: #fcd800;
 SCROLLBAR-HIGHLIGHT-COLOR: #fc0000;
 SCROLLBAR-SHADOW-COLOR: #fc0000;
 SCROLLBAR-3DLIGHT-COLOR: #fc0000;
 SCROLLBAR-ARROW-COLOR: #0000d8;
 SCROLLBAR-DARKSHADOW-COLOR: #fc0000;

在加上透明設定後，會將所設定的色碼抽取掉，變為白色，例如第二個效果

 FILTER: Chroma( Color = #fcd800); －－將軸面色彩透明化
 SCROLLBAR-FACE-COLOR: #fcd800;  －－軸面色彩
 SCROLLBAR-HIGHLIGHT-COLOR: #fc0000;
 SCROLLBAR-SHADOW-COLOR: #fc0000;
 SCROLLBAR-3DLIGHT-COLOR: #fc0000;
 SCROLLBAR-ARROW-COLOR: #0000d8;
 SCROLLBAR-DARKSHADOW-COLOR: #fc0000;

透明顏色可以自訂，選擇捲軸中的細項色彩，會呈現不同的效果。

透明捲軸語法適用於背景非單色時，例如你的背景是一張圖片，那麼加上透明化的參數，就會更美觀，而透明的顏色只要設為白色(#FFFFFF)即可，但若你的版面中在同一個區塊有一些已設為白色的文字或背景，那麼在加上捲軸透明色時，也會把一些設為白色的文字設定或底色去除喔！

以下是透明化的結果：

是不是美觀了許多呢？

捲軸的ＣＳＳ語法要貼在哪裡？

這個問題很廣泛，輸入文字的表單或基本的HTML{ }、BODY{ }都可以貼上捲軸的語法，另外若使用在部落格或網誌，可以依網誌所設定的標簽自定捲軸，例如在無名網誌中的連結列#links{ }及文章區塊#content{ }，可以將捲軸的CSS語法貼在這二個標簽之中，就可以顯示效果了。

另外再補充捲軸的其他語法，可以與上述的ＣＳＳ並用！

OVERFLOW 設定捲軸出現的設定值，以下列出較常用的語法
OVERFLOW : Hidden; 　   不出現捲軸
OVERFLOW : Auto;         　瀏覽器判斷區塊是否超過設定的寬高，而出現捲軸
OVERFLOW : Scroll;       　強迫出現捲軸，無論是否超過預設的寬高

Hidden及Scroll也可以各別設定直捲軸Y 或 橫捲軸X
OVERFLOW-x : Hidden;　定義X 水平捲軸隱藏不出現
OVERFLOW-y : Hidden;　定義Y 垂直捲軸隱藏不出現
OVERFLOW-x : Scroll;   　強迫X 水平捲軸出現
OVERFLOW-y : Scroll;   　強迫Y 垂直捲軸出現

最後提供給大家二個捲軸製造機，可以不用費心的自訂色碼囉！
捲軸製造機１http://yagin92.googlepages.com/15.htm
捲軸製造機２http://cdh.idv.tw/cdh/no04.htm

希望大家都有美美的捲軸喔！

寫文章，寫到自己都不知怎麼找，所以啊！作一個速查表給自己看囉！

幫主必殺技速查 : 影音類　CSS　游標　繪圖相關　小玩意　其他教學　雜記

影音類

優美客-奇摩變化題 ：優美客音樂，取址、崁入應用（可自動＋重複）

優美客補充題-圖片播放器：優美客圖片機解析及音樂補充

無名/奇摩-單曲自動+重複播放 ：無名相簿單曲播放器語法（可自動＋重複）

天空多首播放器 ：天空清單式播放器製作（可自動＋重複）

ODEO-多首播放器 ：自動、隨機，但播到最後一首即停止

ODEO多首-播放手動製作：97年6月後適用，利用語法手動製作播放器

ODEO-單曲播放器 ：自動，不重複

YOBO-多首播放器 ：大陸音樂網，自動＋重複

非清單式多首播放器 ：簡單式播放器

XUITE音樂崁入法 ：XUITE影音崁方法(適用ｅｍｂｅｄ)

Google影音崁入法

無名．偷來的！ ：無名早期播放器

Youtube影音崁入法

BOX.net空間及下載器 ：1G空間，並可分享下載，內崁flash下載器

BOX精靈及影音播放器 ：利用精靈上傳，並可製作播放器，不自動播放，但可重複循環！

哇～多首播放器：利用FileDen 空間，上傳並製作多首播放器，可適用奇摩，97.07.09後可用 

游標 　　　　Go Top　

滑鼠游標PART I ：分享游標網站及語法

游標製作-基礎篇 ：游標製作工具教學

游標製作-文字游標 ：製作文字游標

游標製作-動畫游標 ：利用現有圖片製成游標 
 

小玩意　　　　Go Top　

Slide－幻燈秀

Slide－貼紙+Youtube面板

Slide－自製影框

MSN崁入BLOG：適用於所有可使用HTML的網站

SKYPE崁入Blog 

MSN崁入-補充無名作法：適用於無名或可使用ＩＦＲＡＭＥ的網站
 

繪圖相關　　　　Go Top　

GIF動畫分解：分解ＧＩＦ檔成單一圖片

淺談－捲軸CSS：簡單說明捲軸的css參數

其他教學　　　　Go Top　

尋找天空影音：天空影音找實際音樂網址

查實址補充篇：天空影音找實址方法及部份查找影音位置方法

奇摩站長工具 ：目前適用於受邀請的格主，未受邀請自定會無法顯示數值

FileDen 免費空間 ：１Ｇ免費空間，支援音樂、ＳＷＦ、游標、壓縮檔

我的鈴聲自己作：剪接音樂、手機鈴聲製作

分享音樂空間：二個只能下載的存放空間

獨一無二－自製 MV ：二套自製影片的工具教學

網路抓檔密技-MMS：如何利用暫存檔抓檔案及影音傳送帶工具教學

雜記　　　　Go Top

游標製作不只可以使用輸入文字的方式，也可以將你喜歡的圖片或動畫載入，若是動畫的話，必須先將GIF動畫加以分解，並且分解的圖片，必須轉存為 .BMP格式的檔案，作法請參考：GIF動畫分解

現在，就讓我們來將已分解的圖片，在游標工具中還原，並且形成動畫游標！

同樣開始游標工具，開啟一個「真彩色」的新檔案，「編輯」－「匯入」，再選擇已分解的動畫檔案，先從第一張載入！

載入第一張後，按下新增影格，輸入新增的數量，若你分解後的圖片是４張，那就輸入３，因為剛才已經載入第一張了，匯入動畫圖片時，在下方的核選框不用選，這樣才能在空白的影格中，各別匯入圖片！

點選空白的影格，持續匯入不同的動畫分解圖，請按照原始動畫的順序匯入，不然會有跳圖的現象！

匯完所有圖片後，現在是大工程，因為你所匯入的圖片，可能不是螢幕背景色，那麼必須將所有影格中的背景漆成螢幕背景色，前景色選擇螢幕背景色，如圖，利用油漆桶將背景塗成透明！

每一張影各都要去背，圖的邊緣可能會有殘留的白色線條，你可以選擇要不要也塗透明，保留一些也沒關係，只要所有的影格都差不多就可以了！

再來就是畫上指標，先在第一張影格畫上指標，將指標用矩型工具框起來，複製，並在其他影格貼上！

看你想不想變化指標的動作，可以自由發揮

最後，當然也要設定熱點，設定之後若很滿意，就可以直接存檔上傳了！