This item has been banned because it violates the Steam Terms of Service. It is only visible to you. If you believe your item has been banned mistakenly, please contact .
This item is incompatible with Steam. Please see the
for reasons why this item might not work within Steam.
Current visibility:&Hidden
This item will only be visible to you, admins, and anyone marked as a creator.
Current visibility:&Friends-only
This item will only be visible in searches to you, your friends, and admins.
808 ratings
如何给Steam换上新皮肤
By thrillerの空 and 2 collaborators
本指南将会指导你如何给你的Steam换上与众不同的皮肤。
Unfavorite
This item has been added to your .
thrillerの空
Last Online 7 mins ago
Last Online 54 mins ago
SweeTnT[AFK]
Last Online
22 Dec, 2016 @ 5:36pm
15 Oct @ 1:07am
Unique Visitors
Current Favorites
Guide Index
什么是Steam的皮肤？
皮肤是什么呢？其实你从其他游戏之中就已经见过各种各样的皮肤啦~比如LOL的皮肤！总的来说，皮肤就是能改变某样东西的外表，而不改变其功能的东西！当你安装了像Steam这样的软件时，它的制作者们已经决定了其外表。但是！这样看起来是不是有点无聊？接下来，我们将告诉你如何为你的Steam换上一套你自己的皮肤！尽情换肤吧！
选择你喜欢的皮肤
网络上有太多太多的皮肤网站，你都可以从它们那里下载到你想要的皮肤。但我们为你精选了一些皮肤网站，供大家使用：[www.steamskins.org][][]如果你是想要一个全新的Steam界面，而不仅仅是定制一下皮肤颜色什么的，那你就需要[]了。按照该网站提供的教程，你可以自由设计Steam的界面，而本指南仅仅提供较为普通的皮肤效果。好了，让我们回归到正题上来。现在你只需浏览上面那些网站，找到你想要的皮肤，并下载它的压缩文件就行了。有太多好看的皮肤以至于你都想用？没关系，尽情地下载，没有啥限制。
SteamSkins & DevianART & GameBanana使用小教程
SteamSkins① 分类菜单栏，你可以单击这里来查看其它分类的皮肤。② 点击皮肤预览图，即可进入该皮肤的详情页面。③ 点击红框所示位置即可下载皮肤。DevianART① 排序菜单栏，点击这里可以查看以时间为顺序的皮肤。② 分类菜单栏，你可以单击这里来查看其它分类的皮肤。③ 点击皮肤预览图，即可进入该皮肤的详情页面。④ 点击红框所示位置即可下载皮肤。GameBanana① 分类菜单栏，你可以单击这里来查看其它分类的皮肤。② 点击皮肤预览图，即可进入该皮肤的详情页面。③ 点击红框所示位置即可下载皮肤。
把皮肤应用到Steam中
下载完毕以后，你需要解压压缩文件。怎么解压就不用我说了吧？想必聪明的大家都是会哒！解压结束后，将所有的文件拷贝至以下文件路径中：Windows：默认 - C:\Program Files (x86)\Steam\Skins
自定义（范例） - C:\D disk\software\steam\skins
Linux：~/.local/share/Steam/skins/
Mac右键点击Steam的快捷图标，在弹出的菜单栏中选择“显示包内容”，之后来到这个文件路径：老版本 - /Contents/MacOS/skins
Sierra - /Library/Application Support/Steam/Steam.AppBundle/Steam/Contents/MacOS/skins
你可以将无数个皮肤拷贝至上述的文件路径中，但要确保每个皮肤都有其单独的文件夹，不可多个皮肤公用同一个文件夹。注意：有些皮肤可能会要求你复制其他一些文件到皮肤文件夹中，或者安装一些全新的字体。所以我们建议你在拷贝皮肤之前打开压缩文件中的“the Read Me file”文件，检查是否有上述的额外操作需要执行。
为Steam换肤
现在你可以为你的Steam换上全新的皮肤啦。你可能要重启Steam才能应用新的皮肤。打开Steam的“设置”，在左边的菜单栏中选择“界面”，中间有选择皮肤的选项，打开其下拉菜单栏，选中你想要的皮肤，最后点击确定即可。之后你只需重启Steam，就能享受全新的皮肤效果~\(≧▽≦)/~啦啦啦
大功告成 ?
已经换肤成功了！我并不知道你到底选择了什么样的皮肤，但我敢肯定的是：你会觉得现在的Steam更加的有个性化，你更加地喜欢现在的Steam。这就是你想要的Steam，这就是属于你自己的Steam。好啦，下面是一些实际的应用效果，你觉得换肤以后感觉怎么样呢？※ 下面的两款皮肤（Metro & Air）的百度云下载为旧版本，新版请点击皮肤名，进入各个皮肤的组中下载最新版。如果你有任何的问题，请在指南下面留言，我会尽快查看并回复你哒~（[]）（[]）
指南缩略图是uniQArtworks使用Steam原版图标的蓝色底色制作的，里面的相机图标来自[]，授权编号：CC BY 3.0本指南的方法是受到CHIP上的这篇文章的启发：[]。 第一章（什么是Steam的皮肤？）中使用的Steam样Logo是由DevianART的用户flat-icons制作的，你可以在下面的链接中找到它们：
本指南对你有帮助吗？下面的精选指南同样精彩！欢迎你前来点赞和收藏~你有一个非常棒的“Steam”指南？请告诉我，以便让更多的人知道它有多棒！（中文指南请到下留言；英文指南请到下留言）
　　 喜欢ACG和日呆游戏吗？想要日呆游戏的资讯、评测和推荐吗？
　　　　　　欢迎你加入我们 ——
附录1：翻译说明
本指南的翻译授权已取得，最好的证明已经添加原作者（）为本指南贡献者。如果指南中有翻译不实或错误的地方，欢迎大家指正，谢谢。
You need to sign in or create an account to do that.
View mobile websiteThis item has been banned because it violates the Steam Terms of Service. It is only visible to you. If you believe your item has been banned mistakenly, please contact .
This item is incompatible with Steam. Please see the
for reasons why this item might not work within Steam.
Current visibility:&Hidden
This item will only be visible to you, admins, and anyone marked as a creator.
Current visibility:&Friends-only
This item will only be visible in searches to you, your friends, and admins.
35 ratings
Steam皮肤进阶制作指南
本指南包括以下内容：UI、控件更改
Unfavorite
This item has been added to your .
Last Online 7 hrs, 50 mins ago
30 May @ 9:23am
11 Jun @ 12:56am
Unique Visitors
Current Favorites
Guide Index
是不是觉得仅仅换几张背景图换几个字没意思？想来点高级的？下图为一款比较知名的皮肤：Threshold
作者：Edgarware本指南将以Threshold为模板，在将原版Steam皮肤一步步修改成Threshold的过程中，示例Steam面板中各处控件的修改方法Threshold作者发布的皮肤下载地址 如果没有皮肤制作经验的话请先看下面这个注：本指南中所使用的图标资源均来自Threshold
右上控制区
首先我们来更改大屏模式、最大最小化等按钮打开VGUI在VGUI中我们可以看到，跟该部分按钮相关的代码一部分在steam.styles中,而另一部分则是在steamrootdialog.layout中我们先来到steam.styles，找到相关代码(左图为Threshold，右图为原配)可以看到，在官方的代码中，是给按钮的三种状态分别赋予三个贴图，当鼠标悬停时，使用更亮的按钮贴图而Threshold的做法是更改背景颜色我们将以下各条目的代码进行更改（包括各状态）:FullscreenButton（全屏模式按钮）FrameMinimizeButton（最小化按钮）FrameMaximizeButton（最大化按钮）FrameRestoreButton（复原按钮，就是按了最大化后再按一下就复原的那个键）FrameCloseButton（关闭按钮）注：代码中的inset用于控制控件范围（大小），在上上上图中可以看到，Threshold是在steam.styles进行inset属性控制，而原配是在steamrootdialog.layout中将上述按钮的代码分别改为常态：{
bgcolor=none
inset=&12 0 0 0&
render_bg={}
image=&graphics/对应贴图路径&
}鼠标悬停状态（hover）以及按下状态（active）{
bgcolor=&TitleBar.Hover&
}注：此处TitleBar.Hover=&70 70 70 100&完成了单个按钮的修改后，我们还要修改他们的整体布局打开steamrootdialog.layout，将上述按钮的条目属性全部删除（原因看上个注释）同时在该文件最底端，我们找到如图所示的代码place [!$OSX]
{ control=&frame_minimize,frame_maximize,frame_close& align=right margin-top=10 margin-right=9 spacing=-5 }
place [$OSX] { control=&frame_close,frame_minimize,frame_maximize& align=left margin-top=10 margin-left=4 spacing=-7 }其中：
所控制的控件
align=right
margin-top
margin-right
我们将其改为place { control=&fullscreen,frame_minimize,frame_maximize,frame_close& align=right margin-top=0 margin-right=0 width=46 height=32 spacing=0 }效果如图
接下来制作这块区域这块区域，在原版的配置中是完全不存在的，因此我们需要自己添加打开uinavigatorpanel.layout找到下列代码place { control=emailreminderbar margin-top=81 margin-left=8 margin-right=8 width=max height=48 }
place { control=phonereminderbar margin-top=81 margin-left=8 margin-right=8 width=max height=80 } 此处的emailreminderbar 、phonereminderbar是一个类似于面板总控制的东西我们将其改为place { control=emailreminderbar start=URLBar dir=down margin-top=0 margin-right=0 width=max height=50 x=230 y=32}
place { control=phonereminderbar start=URLBar dir=down margin-top=0 margin-left=0
width=max height=80 x=230 y=32} 效果如图接着我们把导航栏的按钮修改到这块新区域中在同一文件中，找到如下代码place{control=&label_store,label_library,label_community,label_me,label_news,label_console& x=72 y=9 spacing=9 margin=2 height=40 } 这一行即为控制导航栏位置的代码，将其改为place{control=&label_store,label_library,label_community,label_me,label_news,label_console& dir=down x=45 y=120 spacing=0 width=200 height=45 width=230 y=32}效果如图然后需要在字体左边添加图标打开steamrootdialog.layout,找到下列代码CSteamRootDialog
bgcolor=none
0=&gradient( x0, y0, x1, y0+175, ClientBGTop, DialogBG )&
2=&image( x0, y0, x1, y0+175, graphics/clienttexture2)&
3=&fill( x0, y0+175, x0+20, y1-76, DialogBG )&
4=&fill( x1-20, y0+175, x1, y1-76, DialogBG )&
5=&fill( x0, y1 - 76, x1, y1, DialogBG )&
我们在其中添加新的渲染项以增加图标CSteamRootDialog
bgcolor=DialogBG
0=&gradient( x0, y0, x1, y0+175, ClientBGTop, DialogBG )&
2=&image( x0, y0, x1, y0+175, graphics/clienttexture2)&
3=&fill( x0, y0+175, x0+20, y1-76, DialogBG )&
4=&fill( x1-20, y0+175, x1, y1-76, DialogBG )&
5=&fill( x0, y1 - 76, x1, y1, DialogBG )&
0=&image (x0+15, y0+154, x1, y1,
graphics/Threshold/store)&
1=&image (x0+15, y0+199, x1, y1,
graphics/Threshold/library)&
2=&image (x0+15, y0+244, x1, y1,
graphics/Threshold/community)&
3=&image (x0+15, y0+289, x1, y1,
graphics/Threshold/me)&
效果如图注：因为控制台（Consloe）非常驻选项，因此没有图标接着我们把右下角的头像移到左上角打开Steamrootdialog.Layout,在底部找到图示的代码place { control=&FriendPanel& height=48 width=48 region=bottom align=right margin-right=2 margin-top=16 }将其改为place { control=&FriendPanel& height=48
y=80 margin-left=10 width=max height=63}效果如图然后我们来移动这几个按键首先我们更改收件箱（inbox_button）的图标,相关条目位于steamrootdialog.Layout需要注意的是它的两种状态（有消息和无消息），原配中是分别使用两种贴图（启封的信件和未启封的信件）以及更换蓝色背景来区别，而Threshold中仅更改了背景色（inbox_button_active即为有消息状态的条目）图标修改完后，来到teamrootdialog.Layout的底部找到如图的代码place { control=&InboxButton& align=right end-right=&account_balance& margin-top=4 margin-right=16 height=26 }
place { control=&ParentalLockButton& align=right end-right=&InboxButton& margin-top=7 margin-right=10 height=23 }
place { control=&SupportAlert& align=right end-right=&ParentalLockButton& margin-top=4 margin-right=10 height=26 }图中的第一行即为我们需要更改的地方，但是可以看到inboxbutton和下方的ParentalLockButton（家长控制按钮）、SupportAlert（支持选项）的属性是相关联的，可以选择将三者一起移动，或者无视后两者（因为基本见不到）注：
Threshold在许多文件的layout条目中，都添加了自定义的region（区域）项，layout中的控件可以直接调用region名，使控件被放置在对应区域此处我们将这三个一起移动，首先在layout中添加两个region项layout
region {name=left width=230 y=32}
region {name=bottom region=left width=max height=50 align=bottom}
然后将上上图中的三行代码换为place { control=&SupportAlert, ParentalLockButton , InboxButton& region=bottom
align=right height=50 width=50 spacing=0 dir=right}效果如图下一个移动是账户余额以及账户名首先在steamrootdialog.layout添加一个新的region项region { name=account region=left y=47 margin-left=5 width=max height=63 }然后在底部找到place [!$OSX] { control=&account_balance, account_balance_seperator, account_URL, universe_label, startvr, exitvr, fullscreen& align=right margin-top=12 margin-right=88 spacing=7 }
place [$OSX]
{ control=&account_balance, account_balance_seperator, account_URL, universe_label, startvr, exitvr, fullscreen& align=right margin-top=12 margin-right=15 spacing=7 }我们需要更改的是account_balance（账户余额），而它已经包含在了一串控制命令中，因此我们需要先将图中的account_balance删掉然后在下面加上place { control=&account_balance& start=FriendPanel dir=down y=0 x=4 region=account}可以看到这行代码中含有一个start=FriendPanel，可以理解为“从FriendPanel（头像框）位置起始”效果如图再接着是账号URL，以及好友在线显示在同一文件中layout中，将account_URL、view_friends 、online_friends在原来的条目中移除，并添加新的代码place { control=&account_URL& margin-left=60 y=15 region=account}
place { control=&view_friends& height=12 y=30 margin-left=52 region=account}
place { control=&online_friends& height=12 x=10 y=30 spacing=5 margin-left=52 region=account}效果如图注：在原版配置中，鼠标单击好友显示控件（view_friends，红框范围）时会弹出好友列表，做出上述更改后，”VIEW FRIENDS LIST”文字被隐藏，同时控件大小被缩小成在线人数显示区（online_friends，绿框）大小，并与人数显示重合，因此更改后点击在线人数处即为打开好友列表
左上导航区
接着来更改这块区域先看到菜单键（steam键等）对比Threshold的该处区域可以看到，许多键被“融合”到了一个键中（包括左下角的添加游戏键ADD A GAME）通过VGUI我们可以知道该按钮名为MenuBar，但VGUI并没有给出按钮中选项相关的修改地址此时我们打开steam.menu（不是steam.style）可以看到如下代码&menubar&
text = [!$OSX] &#steam_menu_file&
text = [$OSX] &#SteamRootAccount&
ChangeUser{ text=&#steam_menu_changeuser&
command=&ChangeUser& }
{ text=&#SteamUI_OfflineMode_GoOnline&
command=&goonline& }
text=&#SteamUI_OfflineMode_GoOffline&
command=&gooffline& }
CheckForUpdates { text=&#steam_menu_checkforupdates&command=&CheckForUpdates& }
BackupGames
{ text=&#steam_menu_backupgames&command=&backupgames& }
{text=&#steam_menu_settings&command=&Settings& }
{text=&#Steam_ExitSteam&command=&Exit& }
......再对比原配中的按键仔细观察不难发现Divider即为分割线，要更改按键内容只需修改相应条目内容即可修改完成后，效果如图注：此处顺带消灭了右侧的view、friends、game、help键下一步，我们更换菜单按钮（steam键）的图标以及位置在steamrootdialog.layout中添加如下代码&MenuBar MenuButton&
textcolor=&none&
inset=&0 0 0 0&
0=&image(x0+17,y0+14,x1,y1,graphics/Threshold/menu)&
&MenuBar MenuButton:hover&
render_bg {
0=&fill(x0,y0,x1,y1,Menu.Button.Hover)&
&MenuBar MenuButton:frameFocus:hover&
render_bg {
0=&fill(x0,y0,x1,y1,Menu.Button.Hover)&
&MenuBar MenuButton:frameFocus:selected&
render_bg {
0=&fill(x0,y0,x1,y1,Accent)&
}然后在底部的layout中更改其控制项，改为place { control=&MenuBar& height=40 width=50 y=32 x=0 }效果如图：接着，我们先来看Threshold在该区域的几种状态常态：后退键可用时：后退、前进键均可用时：容易看出，在后退、前进键不可用时（disabled），他们是隐藏的悬停时（hover）替换高亮背景常态（可用时）蓝底除上述之外，可以看到，在Threshold中，后退键不可用时，在后退键的位置，显示的是“Steam”字样，当后退键可用时，后退键出现并将“Steam”字样右移，注意此时的“Steam”字样已经不再具有按钮功能为了达到这个效果，我们要在uinavigatorpanel 的Style条目中添加如下代码BackButton
bgcolor=none
inset=&13 0 0 0&
image=&graphics/Threshold/back_sm&
render_bg{
0=&fill(x0,y0,x1,y1,TitleBar.Accent)&
1=&image(x0+60, y0+11, x1, y1, graphics/Threshold/title)&
BackButton:framefocus
bgcolor=none
inset=&13 0 0 0&
image=&graphics/Threshold/back_sm&
render_bg{
0=&fill(x0,y0,x1,y1,TitleBar.Accent)&
1=&image(x0+60, y0+11, x1, y1, graphics/Threshold/titlefocus)&
BackButton:hover
bgcolor=none
image=&graphics/Threshold/back_sm&
render_bg{
0=&fill(x0,y0,x1,y1,TitleBar.Accent.Hover)&
1=&image(x0+60, y0+11, x1, y1, graphics/Threshold/title)&
BackButton:hover:framefocus
bgcolor=none
image=&graphics/Threshold/back_sm&
render_bg{
0=&fill(x0,y0,x1,y1,TitleBar.Accent.Hover)&
1=&image(x0+60, y0+11, x1, y1, graphics/Threshold/titlefocus)&
BackButton:active
bgcolor=none
image=&graphics/Threshold/back_sm&
render_bg{
0=&fill(x0,y0,x1,y1,TitleBar.Accent.Hover)&
1=&image(x0+60, y0+11, x1, y1, graphics/Threshold/title)&
BackButton:active:framefocus
bgcolor=none
image=&graphics/Threshold/back_sm&
render_bg{
0=&fill(x0,y0,x1,y1,TitleBar.Accent.Hover)&
1=&image(x0+60, y0+11, x1, y1, graphics/Threshold/titlefocus)&
BackButton:disabled
bgcolor=none
image=&none&
render_bg{
0=&image(x0+13, y0+11, x1, y1, graphics/Threshold/titlefocus)&
BackButton:disabled:framefocus //SIGH... Doesnt seem to work
bgcolor=none
image=&none&
render_bg{
0=&image(x0+13, y0+11, x1, y1, graphics/Threshold/titlefocus)&
}再修改两个键的位置place
{ control=&back& x=0 y=0 height=32 width=50}
{ control=&forward& region=left x=50 height=40 width=40}效果如图可以看到，后退键并没有如预期般出现在左上角，即使更改place中后退键的x、y坐标，也没有效果此时我们需要到steamrootdialog中更改另一项属性在layout条目中找到UINavigatorPanel的控制项，并将其更改为place { control=&UINavigatorPanel& width=max height=max margin-right=0 margin-left=0 margin-bottom=0 margin-top=0 }效果如图然后我们把这个键删掉如果你直接将其相关代码删掉的话，不仅删不掉，它还会出现在一些鬼畜的地方Threshold的做法是，创造一个没有面积的区域（region），然后把这个键放进去region {name=hidden width=0 height=0}
place { control=&add_game& x=14 y=16 region=hidden height=0 width=0}效果如图
在之前的改动中，左侧边栏以及顶部导航栏的改动使得主页面显得过小我们来到uinavigatorpanel中，在底部layout中找到如图所示的代码place { control=DownloadsPage
width=max height=max margin-top=0 margin-left=0 margin-right=8 margin-bottom=20 start=phonereminderbar dir=down }
place { control=ScreenshotsPage
width=max height=max margin-top=0 margin-left=0 margin-right=8 margin-bottom=20 start=phonereminderbar dir=down }
place { control=GamesPage_List
width=max height=max margin-top=0 margin-left=0 margin-right=9 margin-bottom=21 start=phonereminderbar dir=down }
place { control=GamesPage_Details
width=max height=max margin-top=0 margin-left=0 margin-right=9 margin-bottom=21 start=phonereminderbar dir=down }
place { control=GamesPage_Grid
width=max height=max margin-top=0 margin-left=0 margin-right=9 margin-bottom=20 start=phonereminderbar dir=down }
place { control=WebPanel
width=max height=max margin-top=0 margin-left=0 margin-right=9 margin-bottom=21 start=phonereminderbar dir=down }
place { control=BroadcastPage
width=max height=max margin-top=0 margin-left=0 margin-right=9 margin-bottom=21 start=phonereminderbar dir=down }
place { control=BroadcastPageMin
width=300 height=168 margin-top=0 margin-left=0 margin-right=30 margin-bottom=26 dir=down align=bottom-right }
place { control=BroadcastPageMinHoriz width=300 height=168 margin-top=0 margin-left=0 margin-right=30 margin-bottom=40 dir=down align=bottom-right }
place { control=ConsolePage
width=max height=max margin-top=0 margin-left=0 margin-right=9 margin-bottom=21 start=phonereminderbar dir=down }我们将其改为place { control=DownloadsPage
width=max height=max margin-top=0 margin-left=0 margin-right=0 margin-bottom=0 start=emailreminderbar dir=down }
place { control=ScreenshotsPage
width=max height=max margin-top=40 margin-left=0 margin-right=0 margin-bottom=0 start=emailreminderbar dir=down }
place { control=GamesPage_List
width=max height=max margin-top=40 margin-left=0 margin-right=0 margin-bottom=0 start=emailreminderbar dir=down }
place { control=GamesPage_Details
width=max height=max margin-top=0 margin-left=0 margin-right=0 margin-bottom=0 start=emailreminderbar dir=down }
place { control=GamesPage_Grid
width=max height=max margin-top=38 margin-left=0 margin-right=0 margin-bottom=0 start=emailreminderbar dir=down }
place { control=WebPanel
width=max height=max margin-top=0 margin-left=0 margin-right=0 margin-bottom=0 start=emailreminderbar dir=down }
place { control=BroadcastPage
width=max height=max margin-top=0 margin-left=0 margin-right=0 margin-bottom=0 start=emailreminderbar dir=down }
place { control=BroadcastPageMin
width=300 height=168 margin-top=0 margin-left=0 margin-right=30 margin-bottom=26 dir=down align=bottom-right }
place { control=BroadcastPageMinHoriz width=300 height=168 margin-top=0 margin-left=0 margin-right=30 margin-bottom=40 dir=down align=bottom-right }
place { control=ConsolePage
width=max height=max margin-top=40 margin-left=0 margin-right=0 margin-bottom=0 start=emailreminderbar dir=down}效果如图看上去似乎大功告成了？然而并没有，打开游戏库，我们会看到如图所示的情景可以看到，搜索栏以及右侧的Game键与页面布局产生了冲突首先我们把搜索栏移过来在uinavigatorpanel.layout中修改下列代码place { control=&label_search_icon& align=left height=40 region=right width=35}
place { control=&library_search& start=label_search_icon height=40 dir=right region=right}
place { control=&library_filters& x=275 y=0 height=40 region=right} 效果如图然后我们要把挡住的这块区域整体下移打开steamrootdialog_musicpage_details.layout，来到底部layout条目先修改区域变量，改为region {name=hidden width=0 height=0}
region { name=&list& y=0 x=0 width=275 height=max margin-top=40 margin-bottom=0 }
region { name=&details& y=0 x=275 width=max height=max margin-top=40 overflow=scroll-
vertical} //overflow
{ name=&header& region=details y=0 x=0 width=max height=300}
region { name=&headertext& region=header y=10 x=10 width=max height=max margin-right=20 }
{ name=&tags& region=header y=230 height=50 width=max}
{ name=&links& region=header align=bottom height=35 width=max overflow=scroll-horizontal }
{ name=&detailsbody& region=details y=300 height=max width=max overflow=allow-vertical}然后将后续place项全部替换 这里其实就是把Threshold的粘贴过来了233不要打我 place { control=emptylisttext region=list width=max height=max margin=10}
{ control=GamesList region=list width=max height=max margin=0 }
{ control=welcomedetails,rentaldetails,turnnotifications,friendsdetails,
achievementsdetails,dlcdetails,screenshotsdetails,clouddetails,
communityfilesdetails,newsdetails,nonsteamdetails
region=detailsbody
{ control=DetailsBorder y=0 x=0 width=max height=max }
place { control=headerimagea region=header width=max height=max align=top-center margin-top=-75 }
place { control=headerimageb region=header width=max height=max align=top-center margin-top=-75 }
{ control=gametitleheader region=headertext}
place { control=gamesubheader start=gametitleheader region=headertext dir=down}
place { control=*taglink,sendguestpasslink,storelink,gamehublink,forumlink,
ogglink,achievementslink,newslink,dlclink,cdkeylink,manuallink,
guidelink,guideslink,supportlink,recommendlink
region=links
place{ control=&linkslabel,tagslabel,edittagslink& region=hidden}效果如图接着我们来更改下载提示框此处VGUI提供的相关文件为uistatuspanel.Layout,然而这个文件更改的是下载栏的细条目（如下载条颜色），真正与位置相关的文件为steamrootdialog在底部进行更改place { control=&UIStatusPanel& x=0 region=left width=max height=42 align=bottom margin-bottom=50 }效果如图接着我们增加这个下载条的长度在uistatuspanel.layout底部，place的StatusProgressbar条目中，将width（宽度）属性改为MAX，效果如图到此，主窗口的示例就结束了
最后（真的是最后），我们来把方的头像变成圆的关于圆头像，一开始我在代码里翻来翻去都找不到，直到我看到。。。Threshold的做法是把原来的方框贴图换成圆的，然后用黑色（也正是背景色）把多余的地方覆盖只要覆盖相应文件即可达到替换的效果效果如图
示例部分最终成果，如图其实仍有许多可以进行后续修改的地方，例如修改配色方案以及字体将按钮换成2D样式（原配）（Threshold）将多处渐变（gradient）项改为填充（fill）项（灰度渐变）（纯色填充）其实这里并没有改完，如果你使用了Threshold的话，你会发现下载页面、好友页面等并未进行修改，不过能一直看到这里的人，我相信肯定已经有能力进行独自修改了
其实改这些东西不外乎就两个步骤首先在其细条目中进行细修改（如颜色、文字、大小等）然后再找到控制该控件位置的place项更改其所在的位置当VGUI不靠谱，找不到该修改的地方怎么办？比如你要修改A区域，然后B皮肤对A区域做出了修改，那么就将B皮肤的配置文件替换你的皮肤文件直到找到所需文件，然后再找代码，方法虽笨但有效代码水平有限，因此以上内容肯定存在着错误以及断章取义的地方，如有错漏，欢迎指出以及：有些东西名字是我瞎取的（别打我233因为不知道叫什么好）
You need to sign in or create an account to do that.
View mobile website