แฟ้มประวัติm1net ™รูปถ่ายบล็อกรายการ เครื่องมือ วิธีใช้

บล็อก


13/8/2548

界面设计模块完全图解教程

 
 
 
   界面设计模块完全图解教程

教程收集整理: M1

                                 
                                                                                                   

[Q] 界面设计模块实现功能
界面设计模块允许用户使用一个自定义模块,在该模块之内用户可以随意调整整个Spaces的文字颜色 背景色等等一系列属性 个性十足 今天你Spaces了吗 这才是真正的自定义!


[Q] 如何添加界面设计模块
使用该模块的前提是IE6或更高版本, 该模块不支持中文版本. 所有选项包括提示只显示英文.

[Steps]
1. 登陆您的MSN Spaces, 点击自定义[Customize]
2. 在浏览器地址栏[Address bar]的URL后面添加参数 &powertoy=tweakomatic 按Enter或点击转到[Go]


3. 点击自定义[Customize]->模块[Modules]
4. 在下拉列表中找到PowerToy: Tweak UI项, 选择添加[Add]


5. 选择保存[Save]按钮


[Q] 如何使用该模块
该模块共有5大部分
1. 背景色[Background Color] 包括内部[Inner] 和 外部[Outer]

     A. 内部[Inner] Spaces内部各模块空隙处的背景颜色 3个两位十六进制正整数 00-FF 如:00CCFF
     B. 外部[Outer] Spaces右边空白处的背景颜色[大背景色] 3个两位十六进制正整数 00-FF 如:00CCFF



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



6. 保存[Save]按钮 回复[Revert]按钮-回到上次保存状态 不作保存

 

[Q] 使用该模块还有什么其他问题?
1. 该模块使用应当具备一定的视觉素养 否则任意修改都将造成超级大花脸的诞生 切记!
2. 该模块建议查询颜色代码值[如: 99FFDD] 不支持Red/rgb(205,10,36)等颜色单位
3. 怎么这么难看阿 救命啊 救命? 请参考问题一 哈哈 吓你的阿 将所有选项留空 按保存 他就又回到默认设置了阿
4.  一旦在自定义中去掉了PowerToy: Tweak UI项目 所有将回归原位...


感谢Easy Start To The Day提供

相关教程: HTML模块完全图解 界面设计模块完全图解  视频音乐模块完全图解教程

ข้อคิดเห็น (265)

โปรดรอสักครู่...
ขออภัย ข้อคิดเห็นที่คุณป้อนยาวเกินไป โปรดย่อให้สั้นลง
คุณไม่ได้ป้อนข้อมูลใดๆ โปรดลองอีกครั้ง
ขออภัย เราไม่สามารถเพิ่มข้อคิดเห็นของคุณได้ในขณะนี้ โปรดลองอีกครั้งในภายหลัง
ในการเพิ่มข้อคิดเห็น คุณต้องได้รับการอนุญาตจากผู้ปกครองของคุณ ร้องขอการอนุญาต
ผู้ปกครองของคุณได้ปิดการแสดงข้อคิดเห็น
ขออภัย เราไม่สามารถลบข้อคิดเห็นของคุณได้ในขณะนี้ โปรดลองอีกครั้งในภายหลัง
คุณแสดงข้อคิดเห็นเกินขีดจำกัดสูงสุดที่สามารถทำได้ในหนึ่งวันแล้ว โปรดลองอีกครั้งในอีก 24 ชั่วโมง
บัญชีของคุณถูกปิดใช้งานการแสดงข้อคิดเห็น เนื่องจากระบบของเราพบว่าคุณอาจกำลังสแปมผู้ใช้รายอื่น หากคุณมั่นใจว่าบัญชีของคุณถูกปิดใช้งานอย่างไม่ถูกต้อง โปรดติดต่อ ฝ่ายสนับสนุน Windows Live
ดำเนินการตรวจสอบความปลอดภัยทางด้านล่างเพื่อให้การแสดงข้อคิดเห็นของคุณเสร็จสมบูรณ์
อักขระที่คุณป้อนในการตรวจสอบความปลอดภัยต้องตรงกับอักขระในรูปภาพหรือเสียง

ในการเพิ่มข้อคิดเห็น ให้ลงชื่อเข้าใช้ด้วย Windows Live ID ของคุณ (หากคุณใช้ Hotmail, Messenger หรือ Xbox LIVE คุณมี Windows Live ID อยู่แล้ว) ลงชื่อเข้าใช้


หากยังไม่มี Windows Live ID ลงทะเบียน

木燃เขียน:
爲什麽我添加完"&powertoy=tweakomatic "后還是沒齣現PowerToy: Tweak U這一項?
12 มี.ค.
乐双 冯เขียน:
是不是失效了现在?
11 ก.พ.
琪 邓เขียน:
哇 要慢慢睇拉
8 ก.พ.
志强 王เขียน:
^_^.谢谢啦
1 ม.ค.
Yeomchung Kooเขียน:
谢谢您...我会啦!
10 ธ.ค.
云云云云云云เขียน:
谢谢!!
27 ต.ค.
月 王เขียน:
THX!! ^^!
15 ส.ค.
cathy ioเขียน:
不好意思,請問tweak ui只能改背景的顏色嗎?...如果我想用自己的圖做blog的背景應怎樣做?謝謝!
15 ส.ค.
晶 金เขียน:
搞定啦   谢谢哦~!~
8 ส.ค.
εїзZi ↘Kirin╰☆╮เขียน:
请问 我的[Module Borders]  中的 [Width]  不见了???怎么回这样呀???
4 ส.ค.
芽 芽เขียน:
@  @我也是
昨天設完ok
但今天一看,連結不見了....
1 ส.ค.
熊猫兔เขียน:
为什么我没等弄完就显示此空间不可用了??
急~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
28 ก.ค.
┌.霹靂貝貝ゞเขียน:
受益非浅啊.....
19 ก.ค.
Sunzl☆嘉~!เขียน:
恩会了,真是太感谢你了M1 thx~~ :D
18 ก.ค.
米 宗เขียน:
Thanks
15 ก.ค.
艾璐เขียน:
有用
多谢!
14 ก.ค.
思 施เขียน:
去不掉模块的边框顶部,请指教,谢~
10 ก.ค.
MATOKU DEเขียน:
学到野....窝...
...正
8 ก.ค.
kiki jinเขียน:
看得我头大~~ 还在努力中~~
谢谢~~~ m1
24 มิ.ย.
yanyan yuเขียน:
so good!!!Thank you~
15 มิ.ย.

การติดตามข้อมูล (53)

URL การติดตามข้อมูลสำหรับข้อมูลนี้คือ:
http://m1net.spaces.live.com/blog/cns!B5C2D0CE61E22862!17795.trak
เว็บล็อกที่อ้างอิงข้อมูลนี้