【攻略】如何自制steam皮肤 皮肤制作其实很简单
接下来我要进行的一些修改基本上就是把那份102页的pdf介绍的内容用一个文件列出来。
首先我们打开steam.style文件
这份代码有3560行，这也说明了如果你调用了VGUI但是找不到关键词的话想要达到精确的修改几乎是不可能的
首先我们打开steam.style文件
这份代码有3560行，这也说明了如果你调用了VGUI但是找不到关键词的话想要达到精确的修改几乎是不可能的
那么我们来到开头的第一行，这一行很重要！！！它告诉了我们如何来修改客户端的颜色
首先颜色可以通过RGBA的参数值来设置，或者你可以引用已经定义好的颜色
这里的RGBA简单的说就是红，绿，蓝三色按比例调配三个数的取值都是从0到255，比如0 0 0 是纯黑，255 255 255 是纯白，修改三色比例来调出你需要的颜色。最后的A是透明度，0完全透明255完全不透明。之前的paint.net现在可以派上用场了，具体怎么用自己看pdf去
首先颜色可以通过RGBA的参数值来设置，或者你可以引用已经定义好的颜色
这里的RGBA简单的说就是红，绿，蓝三色按比例调配三个数的取值都是从0到255，比如0 0 0 是纯黑，255 255 255 是纯白，修改三色比例来调出你需要的颜色。最后的A是透明度，0完全透明255完全不透明。之前的paint.net现在可以派上用场了，具体怎么用自己看pdf去
接下来是本教程的核心内容：
steam.style前两行注释完了以后，接下来的从第4行到第320行所列出的第一个大括号所框起来的内容为整个客户端所定义的所有关于颜色的全局变量，简单来说就是这里的变量列出的颜色的数值在你的整个根目录里都有效（大概吧，这个我真的不清楚了）我们要做的工作就是弄清这些变量所影响的范围然后把这个变量的数值改为自己所想要的
steam.style前两行注释完了以后，接下来的从第4行到第320行所列出的第一个大括号所框起来的内容为整个客户端所定义的所有关于颜色的全局变量，简单来说就是这里的变量列出的颜色的数值在你的整个根目录里都有效（大概吧，这个我真的不清楚了
）我们要做的工作就是弄清这些变量所影响的范围然后把这个变量的数值改为自己所想要的
改变这些代码的时候需要一点点英文的水平，大概高中就够了吧，你要知道全世界的代码里变量命名都是用的英文（别跟我说个例我不听）当你看懂了这一个大括号里的英文所代表的意思的时候基本上你对这个变量作用的猜测已经八九不离十了，或者说不懂也没关系，这就是楼主接下来要做的
（别跟我说个例我不听）当你看懂了这一个大括号里的英文所代表的意思的时候基本上你对这个变量作用的猜测已经八九不离十了，或者说不懂也没关系，这就是楼主接下来要做的这几行英文都是颜色的意思，不重要，我们可以跳过，最重要的是可能在很多你不知道的地方它被引用了，所以有关这种最基础的颜色变量我们最好不要修改，否则如果哪一天你突然发现某个地方颜色看不清了而你又不知道到底是瞎改了什么地方会非常麻烦。比如那个pdf里在最开始的教程里调颜色把white这个变量的颜色改成了作者自定义的颜色，我是不赞成这样做的
这几行上面如字是控制色下面两行引用的text在下面定义了（客户端是用脚本语言写的，如果比如C语言你前面没有定义这个TEXT的话这里就会报错，但是本文件不会，而且这个脚本语言不区分大小写，只要字母对就行，比如这里我改成tEXt,TEXt都是一样的）
下面三行就是客户端字体（说老实话[$OSX]我不知道是干什么用的）把36行里的“Arial”改成你想要的字体就可以了（前提是你的电脑已经安装了这个字体）
接下来就是我们需要修改的地方了
“//”这个符号代表注释，单行有效，在//后面的内容不作为代码内容被编译而是作为注释让你可以在这里做一点提示与修改的标记，懂一点代码的老哥应该都知道。
接下来我以这一张图片中的内容为例，来讲一讲如何定位与修改
“//”这个符号代表注释，单行有效，在//后面的内容不作为代码内容被编译而是作为注释让你可以在这里做一点提示与修改的标记，懂一点代码的老哥应该都知道。
接下来我以这一张图片中的内容为例，来讲一讲如何定位与修改
以第40行的ButtonFace为例，顾名思义为按钮的表层色ButtonFace="102 102 102 200"是对这个变量默认的定义也就是它取102 102 102 200这个颜色
我们为了弄清楚它具体作用在哪里，对代码做如下修改
使它等于"red"使这个变量控制的具体部位变成红色以便我们来区分（当然只要任何显眼的颜色都可以，就是上面我说不要修改的那几个基本色）后面加上//使原来的颜色值不起作用又以免你直接退格忘了它的值而改不回去了。
注意当前文件的颜色为红色说明没有保存修改，不保存是不会起作用的，在左上角点击保存或者右边的保存所有已修改文件。
保存了以后我们重启客户端，就会发现
把各个界面都打开看一下确保你没有遗漏主要的被改变的区域，然后像这样截图把颜色改变了的地方记录下来，然后将"red"//剪切到下一行继续，很机械，很简单，就可以把所有的颜色都试出来，经我的尝试应该所有那个pdf里列过的他修改了的地方我都改到了，而且不用像他那么麻烦地打开文件一个一个找代码所在地。
然后这里就是我为什么告诉大家下载我分享的那个皮肤Tangled的原因了，为了省去大家的重复劳动也是为了自己方便我把所有应该用的上的哪一个变量控制哪一个部分的颜色都注释在Tangled的文件里了，如下图，楼下我把自己的颜色的截图也分享出来
我们为了弄清楚它具体作用在哪里，对代码做如下修改
使它等于"red"使这个变量控制的具体部位变成红色以便我们来区分（当然只要任何显眼的颜色都可以，就是上面我说不要修改的那几个基本色）后面加上//使原来的颜色值不起作用又以免你直接退格忘了它的值而改不回去了。
注意当前文件的颜色为红色说明没有保存修改，不保存是不会起作用的，在左上角点击保存或者右边的保存所有已修改文件。
保存了以后我们重启客户端，就会发现
把各个界面都打开看一下确保你没有遗漏主要的被改变的区域，然后像这样截图把颜色改变了的地方记录下来，然后将"red"//剪切到下一行继续，很机械，很简单，就可以把所有的颜色都试出来，经我的尝试应该所有那个pdf里列过的他修改了的地方我都改到了，而且不用像他那么麻烦地打开文件一个一个找代码所在地。
然后这里就是我为什么告诉大家下载我分享的那个皮肤Tangled的原因了，为了省去大家的重复劳动也是为了自己方便我把所有应该用的上的哪一个变量控制哪一个部分的颜色都注释在Tangled的文件里了，如下图，楼下我把自己的颜色的截图也分享出来
链接：http://pan.baidu.com/s/1qYtuvJQ 密码：34s6 这里面只列了一部分变量（因为我懒），大部分的变量控制的部分我都直接用文字描述了。
这里要说明的一点是因为是教大家DIY所以我只把最表面很容易看见的改变列了出来或是截图，如果你发现一个楼主本人不常用所以没有修改的地方你可以照着这个方法自己把它试出来，当然上面讲的这只是一半，因为这里改变的是整体的颜色，如果局部有一个地方的颜色你不满意而你又不想改变与它相关联的颜色，就是接下来的另一半所涉及的内容。
pan.baidu.com/s/1qYtuvJQ 密码：34s6 这里面只列了一部分变量（因为我懒），大部分的变量控制的部分我都直接用文字描述了。这里要说明的一点是因为是教大家DIY所以我只把最表面很容易看见的改变列了出来或是截图，如果你发现一个楼主本人不常用所以没有修改的地方你可以照着这个方法自己把它试出来，当然上面讲的这只是一半，因为这里改变的是整体的颜色，如果局部有一个地方的颜色你不满意而你又不想改变与它相关联的颜色，就是接下来的另一半所涉及的内容。
楼主继续吧。
接着昨天，如果你只想修改局部某一处的颜色而不想因为这个修改全局变量导致与之相关联的颜色都变化该怎么办呢？
首先VGUI是个好东西，但其实楼主因为一开始不会用其实用的不多，我还是嫌它有点麻烦。
然后就是我的方法，以下图为例
楼主试验发现的右下角当前在线好友数是通过大概73行的Label2来控制颜色的，而显然VGUI并没有给出这个变量关键词，所以单靠VGUI可能并无法完成所有的修改工作
接着昨天，如果你只想修改局部某一处的颜色而不想因为这个修改全局变量导致与之相关联的颜色都变化该怎么办呢？
首先VGUI是个好东西，但其实楼主因为一开始不会用其实用的不多，我还是嫌它有点麻烦。
然后就是我的方法，以下图为例
楼主试验发现的右下角当前在线好友数是通过大概73行的Label2来控制颜色的，而显然VGUI并没有给出这个变量关键词，所以单靠VGUI可能并无法完成所有的修改工作
接下来我们来到代码文件中找到Label2，除了直接修改它的值，我们另一个办法如图
点开搜索，打开第二项在文件中查找
输入查找关键词如上图，点击全部查找，notepad++会把当前文件夹目录下所有同格式代码文件（在本文件夹中为.style）中出现的这个字符串全部检索出来列在下方
如图显示，在本文件夹中出现过Label2的地方仅有我们对它进行定义的地方，所以在当前文件夹下我们是找不到修改它的地方的
点开搜索，打开第二项在文件中查找
输入查找关键词如上图，点击全部查找，notepad++会把当前文件夹目录下所有同格式代码文件（在本文件夹中为.style）中出现的这个字符串全部检索出来列在下方
如图显示，在本文件夹中出现过Label2的地方仅有我们对它进行定义的地方，所以在当前文件夹下我们是找不到修改它的地方的
接下来就是另一个文件夹了，resource/layout，这里面存放的.layout文件包含了绝大部分我们需要修改的内容，至于那些不在这个文件夹里可以细细修改的东西，你自己用VGUI好好找找吧，当然这两个方法要结合使用，一般文本词条和按钮的颜色都是可以在steam.style里修改的，当然很多地方它就直接用比如"white"，"almostblack"定义的颜色那你就只有自己去找了。VGUI对我来说一个最大的作用就是大致确定要修改的关键词所在的范围比如下图
红框中标示的“搜索”两字，当你鼠标没有悬停在它的上方（即hover）时它的颜色是LabelDisabled，但是不凑巧的是我把resource文件夹里的每一个"LabelDisabled"都用红色对比法修改过一遍后还是找不到它在哪里，于是最后我想到了VGUI（没错我之前用过两次但是找不到我要修改的地方我就没再用过它了）然后我用了以后才发现
这就是为什么我要把friends这个文件夹也加到皮肤文件夹里面来（绿龙dalao的贴子里只加了resource和graphics当然如果你的脑子足够灵活看了他的帖子你应该也能找到）
，当然这两个方法要结合使用，一般文本词条和按钮的颜色都是可以在steam.style里修改的，当然很多地方它就直接用比如"white"，"almostblack"定义的颜色那你就只有自己去找了。VGUI对我来说一个最大的作用就是大致确定要修改的关键词所在的范围比如下图红框中标示的“搜索”两字，当你鼠标没有悬停在它的上方（即hover）时它的颜色是LabelDisabled，但是不凑巧的是我把resource文件夹里的每一个"LabelDisabled"都用红色对比法修改过一遍后还是找不到它在哪里，于是最后我想到了VGUI（没错我之前用过两次但是找不到我要修改的地方我就没再用过它了）然后我用了以后才发现
这就是为什么我要把friends这个文件夹也加到皮肤文件夹里面来（绿龙dalao的贴子里只加了resource和graphics当然如果你的脑子足够灵活看了他的帖子你应该也能找到）
接着说我们的"Label2"
打开resource/layout，随意点开其中一个文件，像刚才那样搜索"Label2"我们可以得到
什么？！46处？！你是要找死我吗？
所以接下来告诉大家一点筛选技巧
打开resource/layout，随意点开其中一个文件，像刚才那样搜索"Label2"我们可以得到
什么？！46处？！你是要找死我吗？
所以接下来告诉大家一点筛选技巧
当然我们还要注意一下文件名，它也能给我们提供不少的信息比如
文件名为游戏页面_详情_新闻条目，然后我们就很容易明白这个Label2控制的地方是
文件名为游戏页面_详情_新闻条目，然后我们就很容易明白这个Label2控制的地方是
同样，在文件中标注的它所定义好的“类”中这个“类”的名字也很重要，还是以刚刚那个新闻条目为例，我们直接双击下面一行就会打开相应文件
如图，我们来看看这个引用"Label2"的地方
写得很清楚，date_and_author，日期与作者，正如楼上图片所显示的。
然后我们只要把这里的Label2换成其他的东西比如"blue"
重启客户端就会看到
效果就是这样。
请注意我在后面注释了的//mychange一定要用一个独一无二的标志性字符串注释在你所修改了的地方后面以防时间久了你会忘记你所修改过的地方。在Tangled中我把其它除了steam.style最开头的全局变量以外所有的细节修改都用//mychange进行了标记并加上了注释，大家可以去看一看
如图，我们来看看这个引用"Label2"的地方
写得很清楚，date_and_author，日期与作者，正如楼上图片所显示的。
然后我们只要把这里的Label2换成其他的东西比如"blue"
重启客户端就会看到
效果就是这样。
请注意我在后面注释了的//mychange一定要用一个独一无二的标志性字符串注释在你所修改了的地方后面以防时间久了你会忘记你所修改过的地方。在Tangled中我把其它除了steam.style最开头的全局变量以外所有的细节修改都用//mychange进行了标记并加上了注释，大家可以去看一看
还记得我在前面提到的那个自制皮肤的网站吗？就是基于wp7这个皮肤改过来的像这样
打开wp7皮肤的文件夹最显眼的一个mod.style打开它很容易就会发现在表面这个皮肤做了哪些修改
当然作者把大屏幕模式按钮的位置改了这我就不知道是怎么办到的了，代码水平还有限
打开wp7皮肤的文件夹最显眼的一个mod.style打开它很容易就会发现在表面这个皮肤做了哪些修改
当然作者把大屏幕模式按钮的位置改了这我就不知道是怎么办到的了，代码水平还有限