3Talks 港人自講討論區 » Xanga & MSN Space 部落格專區 » [MSN SPACE] 界面設計模塊完全圖解教程


2006-2-19 01:37 PM mc
[MSN SPACE] 界面設計模塊完全圖解教程

[b][Q] 界面設計模塊實現功能[/b]
界面設計模塊允許用戶使用一個自定義模塊,在該模塊之內用戶可以隨意調整整個Spaces的文字顏色 背景色等等一系列屬性 個性十足 今天你Spaces了嗎 這才是真正的自定義!

[b][Q] 如何添加界面設計模塊[/b]
使用該模塊的前提是IE6或更高版本. 所有選項包括提示只顯示英文.

[b][Steps][/b]
1. 登陸您的MSN Spaces, 點擊自定義[Customize]
2. 在瀏覽器地址欄[Address bar]的URL後面添加參數 &powertoy=tweakomatic 按Enter或點擊轉到[Go]
[img]http://storage.msn.com/x1pAdjo0uCo2H3x2CQyF6HUnsw5ynCTSXa0N2IrOV1LPuXmvFcFCebgVT14lMiW21wKQp5HtrwEDNcJv5mwDgMxi1rmnVoDu1UaIkW_RnvgUPEyOZeB44KPgIZTQKH1zimwGuF5S52jtZ0nfmeot6q2ZQ[/img]

3. 點擊自定義[Customize]->模塊[Modules]
4. 在下拉列表中找到PowerToy: Tweak UI項, 選擇添加[Add]
[img]http://storage.msn.com/x1pAdjo0uCo2H3x2CQyF6HUnsw5ynCTSXa0N2IrOV1LPuVRMTbiqhdMq3BRZsyvH6xq2Nz7vPooo9--VmXbyDtJBFH7sm6I9KnYUqC4FcKPUV98-Y0gpiTilAptVUaW5VKiWIyjpw9ZdWgJYynH--T40Q[/img]

5. 選擇保存[Save]按鈕

[b][Q] 如何使用該模塊[/b]
該模塊共有5大部分
1. 背景色[Background Color] 包括內部[Inner] 和 外部[Outer]

     A. 內部[Inner] Spaces內部各模塊空隙處的背景顏色 3個兩位十六進制正整數 00-FF 如:00CCFF
     B. 外部[Outer] Spaces右邊空白處的背景顏色[大背景色] 3個兩位十六進制正整數 00-FF 如:00CCFF
[img]http://storage.msn.com/x1pAdjo0uCo2H3x2CQyF6HUnsw5ynCTSXa0N2IrOV1LPuUThbnOBRhXzxf2cW-s6FYamtkEPuB5bqWX3CwYpnSWcbwJw86iElY8j4OyCguh2_OBKre3ejuiNg9aQzxSzkU0BUPOGIvKLMBg4RGbRUQbdQ[/img]

2. 背景圖片[Background Image] 包括位置[Position] , 重複[Repeat] 和顯示[Display] 依據各個主題[Theme]的不同 有些是有背景而有些是沒有背景圖片的 對於有背景圖片的 我們可以:

     A. 位置[Position] Spaces背景圖片的位置, 依次為默認[Default], 左上[Top Left], 中上[Top Center], 右上[Top Right], 左中[Center Left], 中中[Center Center], 右中[Center Right], 左下[Bottom Left], 中下[Bottom Center], 右下[Bottom Right] 這個不需要細講了吧 崩潰了
     B. 重複[Repeat] Spaces背景圖片重複的方式 不明白? 就是Windows桌面牆紙不是經常有中央,平鋪以及拉伸什麼的嘛, 就是差不多那個意思. 這裡依次有默認[Default], 重複[Repeat], 不重複[No Repeat], 縱[Y]向重複[Repeat-Y], 橫[X]向重複[Repeat-X]. 如果你背景是大圖片, 就不要重複了, 小圖片重阿重的才有效果 總體來說 可能我翻譯不恰當 重複你就當成平鋪好了 這樣更好理解
    C. 顯示[Display] 是否顯示背景圖片 默認[Default]是顯示的, 隱藏[Hide]則不顯示

3. 文字顏色[Font Color] 包括鏈接/鏈接圖標[Links/Bullets] 和 文字[Text]

     A. 鏈接/鏈接圖標[Links/Bullets]  所有超鏈接以及鏈接符號的顏色 3個兩位十六進制正整數 00-FF 如:00CCFF
     B. 文字[Text] 所有非鏈接普通文本的顏色 3個兩位十六進制正整數 00-FF 如:00CCFF

4. 模塊背景[Module Background] 包括顏色[Color] 和 透明度[Transparent]

     A. 顏色[Color]  各個模塊的背景顏色 3個兩位十六進制正整數 00-FF 如:00CCFF
     B. 透明度[Transparent] 各個模塊背景的透明度設置 20-100的整數值 分別為 20%-100%不透明 使用這個對整體視覺衝擊比較大

5. 模塊邊框[Module Borders] 包括寬度[Width], 風格[Style] 和 顏色[Color]

     A. 寬度[Width]  各個模塊邊框的寬度 0-9 建議值為0或1 2以上就不要弄拉 大哥大姐 弄那麼粗的邊框真的很難看啊 不信弄個9試試? 嘿 還試試就試試? 鬱悶
     B. 風格[Style] 各個模塊邊框的風格設置  用過.Net開發Web或者網頁經常用的就知道有什麼區別 當然 大家多試幾次都能看出來 依次有默認[Default]-默認, 無[None]-不顯示邊框, [Dotted]-小點點, [Dashed]-小虛線, [Solid]-實線, [Double]-實線, [Groove]-凹按鈕, [Ridge]凸按鈕, [Inset], [Win-inset], [Outset]-沒啥大的區別? 主要是用在這裡不合適 不明顯 不說了 鬱悶
     B. 顏色[Color] 各個模塊邊框的顏色設置 3個兩位十六進制正整數 00-FF 如:00CCFF
[img]http://storage.msn.com/x1pAdjo0uCo2H3x2CQyF6HUnsw5ynCTSXa0N2IrOV1LPuUQGZq-sOsoT7yZ7wpayNgYgOzE8gZ1QwWaxDsBk3v9iGXrn-lNZ30ZRB9cL7CcrfJV01jOSWAM4V_D8GK23zjna_1QTzpvLIT4J3cddNBDHNCaKG9aU7P2[/img]

6. 保存[Save]按鈕 回復[Revert]按鈕-回到上次保存狀態 不作保存

[b][Q] 使用該模塊還有什麼其他問題?[/b]
1. 該模塊使用應當具備一定的視覺素養 否則任意修改都將造成超級大花臉的誕生 切記!
2. 該模塊建議查詢顏色代碼值[如: 99FFDD] 不支持Red/rgb(205,10,36)等顏色單位
3. 怎麼這麼難看阿 救命啊 救命? 請參考問題一 哈哈 嚇你的阿 將所有選項留空 按保存 他就又回到默認設置了阿
4.  一旦在自定義中去掉了PowerToy: Tweak UI項目 所有將回歸原位...

轉自 Easy Start To The Day

頁: [1]


Powered by Discuz! Archiver 5.5.0  © 2001-2006 Comsenz Inc.