本站资源收集于互联网,不提供软件存储服务,每天免费更新优质的软件以及学习资源!

手把手教你做桌面:高阶篇

手机教程 手机教程 3℃ 0评论

手把手教你做桌面高阶篇
    第一印象很重要:购物时有一见倾心,爱情中有一见钟情,老外面试叫第一印象做“关键时刻”。既然如此重要,那么作为我们爱机的门面——桌面,自然马虎不得。这次,我带来的是动感十足的让你一见钟情的 MM 桌面,如图:

 

 

 

左侧每个 MM 的头像都是一个菜单,可以用上下键控制,至于菜单中放置什么内容,就随你所欲喽:)

 

你也想做出这样 COOL 的桌面吗? OK ,先来确认一下必要条件:1-能熟练使用一种图象处理软件(如 PHOTOSHOP );2-有一点 HTML 语言基础或者可以理解我前一篇文章《手把手教你做桌面:进阶篇》中简单的元素插入(什么?你只会 XML ? FT~~ )。如果你达标了,那还想什么,赶快跟我来 ~~

 

1-准备素材。

 

我以这个桌面为例。要准备的有左侧的四个小图( 3 个 MM 和偶滴签名)和右侧的大图,小图分辨率为 60 × 50 (喜欢什么图片就自己 PS 成该大小),大图为 116 × 200 (自然也要 PS 了, PS 这个图花了我 2 个多小时,“挚爱JJ恒久”,嘿嘿 ~~ ):

 

 

2-制作所需图片。

 

接下来就是把上面五张图拼到一张分辨率为 176 × 200 的图下,可以在边缘加框,作为背景,存为 jj.jpg 。再复制个分辨率为 116 × 200 的黑色半透明涂层遮住右侧,合并涂层,把每个 MM 头像对应的行截下来分别另存为 j1 , j2 , j3 ,如下:

 

 

准备工作就基本完成了。

 

3- 编写 .home.xml 文件。

在我以前两片文章中,大略的说明过此文件, XML 是一种和 HTML 十分相似的语言,但结构较后者严谨。下面就我的桌面文件为例,分析其代码和图一一对应的关系:

 

此桌面共分四行,前三行是以 MM 头像为代表的菜单,最后一行可以用来放时间日期电力信号图标等等,这里放的是信号和图标,代码后面标 * 的区间为解释说明。

 

  <?xml version=”1.0″ ?>* 语言版本 *

  <home>

  <author>Magewin_Green</author>* 作者 *

  <title lang=”0x0409″>jj</title>

  <title lang=”0x0407″>Windows Standard</title>

  <title lang=”0x0c0a”>Predeterminado de Windows</title>

  <title lang=”0x040c”>Windows par defaut</title>

  <title lang=”0x0410″>Windows Predefinito</title>

  <title lang=”0x0816″>Predefinicao do Windows</title>

  <title lang=”0x0416″>Padrao do Windows</title>

  <title lang=”0x0809″>jj</title>

  <title lang=”0x0406″>Windows standard</title>

  <title lang=”0x0413″>Windows-standaard</title>

  <title lang=”0x041d”>Windows standard</title>

  <title lang=”0x0414″>Windows – standard</title>

  <title lang=”0x040b”>Windows-oletus</title>

  <title lang=”0x0405″>Výchozí nastavení</title>

  <title lang=”0x0418″>Windows implicit</title>

  <title lang=”0x041b”>Windows – predvolené</title>* 标题说明 *

  <version>1.0</version>

  <default font-face=”nina” font-size=”12″ font-weight=”normal” padding-left=”4″ padding-right=”4″ bgcolor=”transparent” fgcolor=”COLOR_HOMETEXT” padding-top=”2″ b-border-color=”COLOR_HOMERULE” b-border-width=”0″>

  <format state=”selected” fgcolor=”COLOR_HOMEHIGHLIGHTTEXT” />

  </default>* 预设参数 *

  <background bgimage=”jj.jpg” valign=”bottom” />* 这里放上刚才做好的背景图片 *

 

<scheme>              <color name=”COLOR_WINDOW” value=”#FFFFFF”/>

              <color name=”COLOR_STATIC” value=”#FFFFFF”/>

              <color name=”COLOR_STATICTEXT” value=”#000000″/>

              <color name=”COLOR_HIGHLIGHT” value=”#2A2CC5″/>

              <color name=”COLOR_HIGHLIGHTTEXT” value=”#FFFFFF”/>

              <color name=”COLOR_MENU” value=”#C7E8FF”/>

              <color name=”COLOR_MENUTEXT” value=”#000000″/>

              <color name=”COLOR_GRAYTEXT” value=”#808080″/>

              <color name=”COLOR_GRADLEFT” value=”#FEFEFF”/>

              <color name=”COLOR_GRADRIGHT” value=”#C9D5F4″/>

              <color name=”COLOR_INTGRADLEFT” value=”#FEFEFF”/>

              <color name=”COLOR_INTGRADRIGHT” value=”#9EDFF7″/>

              <color name=”COLOR_TRAYGRADLEFT” value=”#33349A”/>

              <color name=”COLOR_TRAYGRADRIGHT” value=”#0198FE”/>

              <color name=”COLOR_HIGHGRADLEFT” value=”#2A2CC5″/>

              <color name=”COLOR_HIGHGRADRIGHT” value=”#2A2CC5″/>

              <color name=”COLOR_TRAYTEXT” value=”#FFFFFF”/>

              <color name=”COLOR_WINDOWFRAME” value=”#000000″/>

              <color name=”COLOR_BTNFACE” value=”#9EDFF7″/>

              <color name=”COLOR_BTNTEXT” value=”#000000″/>

              <color name=”COLOR_SCROLLBAR” value=”#91A9E9″/>

              <color name=”COLOR_HOMETEXT” value=”#003D79″/>

              <color name=”COLOR_HOMEHIGHLIGHT” value=”#2A2CC5″/>

              <color name=”COLOR_HOMEHIGHLIGHTTEXT” value=”#FFFFFF”/>

              <color name=”COLOR_HOMERULE” value=”#3080CF”/>

              <color name=”COLOR_ALERTWINDOW” value=”#E3E9F9″/>

              <color name=”COLOR_ALERTTITLE” value=”#2D5DC7″/>

              <color name=”COLOR_ALERTRULE” value=”#819AE4″/>

  </scheme>* 颜色方案 *

 

       <plugin clsid=”{79EFB752-CB70-446d-B317-499723482B3D}” height=”50″> * 插入第一行菜单 *

              <background b-border-width=”0″>

                     <format state=”selected” bgcolor=”transparent” bgimage=”IPSMApplication DataHomej1.jpg”/>* 选第一项菜单时该区域显示图片 j1*

              </background>

              <mru icon-size=”20″ max-butt x=”75″ y=”15″ button-transparent-color=”#07FE47″/>* 菜单中放置的是最近使用的程序,图标显示个数为零 *

            <appname>

            <format state=”unselected” x=”180″/>

            <format state=”selected” x=”75″ y=”15″ fgcolor=”#FFFFFF”/>

            </appname>

        </plugin>

 

 

       <plugin clsid=”{865A354A-4A96-4687-B001-C155DC0DBE76}” name=”calendar” height=”50″> * 插入第二行菜单 *

              <background b-border-width=”0″>

                     <format state=”selected” bgcolor=”transparent” bgimage=”IPSMApplication DataHomej2.jpg”/>* 菜单背景为 j2*

              </background>

              <label font-size=”13″ font-weight=”bold” >

                     <format state=”selected” x=”62″ y=”2″ fgcolor=”#FFFFFF”/>

                     <format state=”unselected” x=”180″/>

                                 <text>HERE’S LOOKING U</text> * 输入文本 *

                     </label>

              <label >

                     <format state=”selected” x=”70″ y=”20″ w=”100″ h=”25″ fgcolor=”#FFFFFF”/>

                     <format state=”unselected” x=”180″/>

                                 <text lang=”0x0409″><time/> <subject/></text> * 日程安排 *

                     </label>

       </plugin>

 

          <plugin clsid=”{95976968-45D5-40c9-9779-2B859B1C2FEC}” name=”profile” height=”51″>* 插入第三行菜单 *

              <background b-border-width=”0″>

                     <format state=”selected” bgcolor=”transparent” bgimage=”IPSMApplication DataHomej3.jpg”/>* 菜单背景图片 *

              </background>

              <label font-size=”13″ font-weight=”bold” >

                     <format state=”selected” x=”62″ y=”2″ fgcolor=”#FFFFFF”/>

                     <format state=”unselected” x=”180″/>

                                 <text>GAZE ME,KISS ME</text> * 菜单第一行文本 *

                     </label>

              <label>

                     <format state=”selected” x=”80″ y=”25″ fgcolor=”#FFFFFF”/>

                     <format state=”unselected” x=”180″/>

                                 <text lang=”0x0409″>Profile: <profile/></text> * 下面是情景模式选项 *

                     </label>

       </plugin>

 

 

 

<plugin clsid=”{E09043DF-510E-4841-B652-388316977A7A}” height=”29″>

<label bgcolor=”transparent”>

</label>

</plugin>* 插入透明体,你喜欢的话可以在里面放上日期和时间,方法见进阶篇内容 *

 

  <plugin clsid=”{837FC251-FE69-43ad-84E0-EBCEDEBA0884}” name=”iconbar” height=”20″>

  <iconbar bgcolor=”transparent” fgcolor=”#000000″ y=”0″ x=”-2″/>* 插入电力和信号图标

  </plugin>

 

</home>

 

编辑后存为 jj.home.xml, 把这个文件和之前准备好的四张图片放到 HOME 里,重新选择 JJ 作为主题桌面。


再回到桌面,按上下键试试,怎么样?是不是怦然心动?⌒_⌒

转载请注明:范的资源库 » 手把手教你做桌面:高阶篇

喜欢 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址