m1net.cn's profilem1net ™PhotosBlogLists Tools Help
    13/08/2005

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

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

    教程收集整理: 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模块完全图解 界面设计模块完全图解  视频音乐模块完全图解教程

    Comments (265)

    Please wait...
    Sorry, the comment you entered is too long. Please shorten it.
    You didn't enter anything. Please try again.
    Sorry, we can't add your comment right now. Please try again later.
    To add a comment, you need permission from your parent. Ask for permission
    Your parent has turned off comments.
    Sorry, we can't delete your comment right now. Please try again later.
    You've exceeded the maximum number of comments that can be left in one day. Please try again in 24 hours.
    Your account has had the ability to leave comments disabled because our systems indicate that you may be spamming other users. If you believe that your account has been disabled in error please contact Windows Live support.
    Complete the security check below to finish leaving your comment.
    The characters you type in the security check must match the characters in the picture or audio.

    To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in


    Don't have a Windows Live ID? Sign up

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

    Trackbacks (53)

    The trackback URL for this entry is:
    http://m1net.spaces.live.com/blog/cns!B5C2D0CE61E22862!17795.trak
    Weblogs that reference this entry