Go Back   Steam Users' Forums > Steam Discussions > Help and Tips

Reply
 
Thread Tools Display Modes
Old 01-29-2012, 04:17 AM   #1
Ciuvaz
 
 
 
Join Date: May 2010
Reputation: 108
Posts: 452
Post [Guide] How to make a steam skin

[Full guide] Making a steam skin

Some notes about the full guide:

- 101 pages long. Main reasons why are: copy pasted the code for easy recognition (it might be hard at times to find what needs to be changed, so this really helps); lazy microsoft word formating

- tl;dr version included, but, let's face it, that's not the real guide

- make sure you have bookmarks menu open in your pdf viewer for ease of browsing/reading the document

- it's mainly all about changing the colors/font, while keeping the original steam skin features the same

- most files, other than steam.styles and gameoverlay.styles won't be found in your steam installation directory. They are cached in some .gcf file (I forgot which, lol). In any case, you can either download the default files provided above or download some random user made skin and copy those files. Then make the changes provided in the guide. OR you can find some gcf extractor to get access to those files...

General notes:

- I only focused on programming, as in, altering the code. The icons can be found in graphics folder and changed with any image editor

- Be wise and define each and every color in steam.styles. This way it's going to be very easy to change/find it later etc

- if you have at least a bit of knowledge about html/php/c++/css, making your own skin should be real easy (the whole inconvenience is caused by notepad, imo)

- running steam in offline mode will make you see the changes you've made faster, as steam itself restarts faster in this mode

- Rider theme skin can be found in this thread: http://forums.steampowered.com/forum....php?t=2119920

If something's unclear and if you have any questions, you can ask.

It might not be the best guide, but it's the 1st ever? Somebody had to do it :P

Last edited by Ciuvaz: 12-05-2012 at 12:58 AM.
Ciuvaz is offline  
Reply With Quote
Old 01-29-2012, 04:49 AM   #2
Savage Alien
 
 
 
Join Date: Aug 2007
Reputation: 152
Posts: 447
Cool. I'm glad someone finally made a guide. Reminds me if the days when the UI was first changed and a bunch of us on the forums were digging into the code to change it hahaha

I'll read it when I get a chance later. First couple sections look good for beginners: )

Quote:
Originally Posted by Ciuvaz View Post

- most files, other than steam.styles and gameoverlay.styles won't be found in your steam installation directory. They are cached in some .gcf file (I forgot which, lol). In any case, you can either download the default files provided above or download some random user made skin and copy those files. Then make the changes provided in the guide. OR you can find some gcf extractor to get access to those files
.
That's not exactly true. There are files in the layout folder for the Library, Friends, and Overlay,etc. I looked at your guide and you mention them, so I don't know why you said this. YES it is true that there are a bunch in the "winui.gcf" file as well, like notifications and chat windows. Steam should make those files more easily accessible for us
Savage Alien is offline   Reply With Quote
Old 01-29-2012, 04:59 AM   #3
POOTDISPENSER
 
 
 
Join Date: Mar 2011
Reputation: 42
Posts: 324
Downloading the guide now, can't wait to make some skins of my own in the future
POOTDISPENSER is offline   Reply With Quote
Old 01-29-2012, 05:01 AM   #4
Teronfel
 
 
 
Join Date: Nov 2010
Reputation: 33
Posts: 469
Very nice,thank you!
Teronfel is offline   Reply With Quote
Old 01-29-2012, 07:00 AM   #5
Ciuvaz
 
 
 
Join Date: May 2010
Reputation: 108
Posts: 452
The guide might not be clear enough at times, but I think I can make things clearer for you, if you describe what you don't understand.
Ciuvaz is offline   Reply With Quote
Old 01-29-2012, 09:26 AM   #6
SweetNothing
 
 
 
Join Date: Jun 2010
Reputation: 383
Posts: 1,191
Thanks for doing this, Ciuvaz! Emailed the thread to myself and also subscribed to it so I will always be able to find it.

Last edited by SweetNothing: 01-29-2012 at 09:29 AM.
SweetNothing is offline   Reply With Quote
Old 01-29-2012, 09:33 AM   #7
Scorcher24
 
 
 
Join Date: Nov 2010
Reputation: 678
Posts: 3,975
Quote:
Originally Posted by SweetNothing View Post
Thanks for doing this, Ciuvaz! Emailed the thread to myself and also subscribed to it so I will always be able to find it.
Oh the joy of synchronizing Bookmarks in Firefox with the cloud .
Scorcher24 is offline   Reply With Quote
Old 01-29-2012, 09:35 AM   #8
cryptload
 
 
 
Join Date: Jun 2011
Reputation: 237
Posts: 506
good work
cryptload is offline   Reply With Quote
Old 01-29-2012, 11:17 AM   #9
Ciuvaz
 
 
 
Join Date: May 2010
Reputation: 108
Posts: 452
Quote:
Originally Posted by Savage Alien View Post
That's not exactly true. There are files in the layout folder for the Library, Friends, and Overlay,etc. I looked at your guide and you mention them, so I don't know why you said this. YES it is true that there are a bunch in the "winui.gcf" file as well, like notifications and chat windows.
Hmmm.

Maybe I was blind, I dont know, but I didnt find all the files that I've needed, while I was making skin(s).

Not gonna argue with this one, cuz I have simply extracted everything that I've needed from that winui.gcf.


Quote:
Originally Posted by Savage Alien View Post
Steam should make those files more easily accessible for us
Very true. Also, the VGUI editor (dev mode) could be way better than it is atm...
Ciuvaz is offline   Reply With Quote
Old 02-01-2012, 06:58 AM   #10
Fuzion88
 
Join Date: Oct 2010
Reputation: 8
Posts: 102
Could you upload to scribd or something? Would be helpful too
Fuzion88 is offline   Reply With Quote
Old 02-01-2012, 07:05 AM   #11
POOTDISPENSER
 
 
 
Join Date: Mar 2011
Reputation: 42
Posts: 324
I say this needs to be stickied.
POOTDISPENSER is offline   Reply With Quote
Old 02-01-2012, 07:08 AM   #12
GTX2GvO
 
 
 
Join Date: Jul 2011
Reputation: 469
Posts: 858
Quote:
Originally Posted by POOTDISPENSER View Post
I say this needs to be stickied.
I was about to say the same.

Also to those who want to subscribe to this thread without posting in it.

Press Thread Tools at the top and select subscribe.
GTX2GvO is online now   Reply With Quote
Old 02-01-2012, 09:45 AM   #13
Ciuvaz
 
 
 
Join Date: May 2010
Reputation: 108
Posts: 452
Quote:
Originally Posted by Fuzion88 View Post
Could you upload to scribd or something? Would be helpful too
What's so bad about mediafire?
Ciuvaz is offline   Reply With Quote
Old 02-01-2012, 09:47 AM   #14
Fuzion88
 
Join Date: Oct 2010
Reputation: 8
Posts: 102
Quote:
Originally Posted by Ciuvaz View Post
What's so bad about mediafire?
Nothing, just taking precautions. Some PDFs can be malicious, not that yours is. Personally i'd like to be able to bookmark it on scribd and read it anytime. It's no big deal though. Nice job on the guide.. I've fiddled with steam before, this will make things more complete

Last edited by Fuzion88: 02-01-2012 at 10:19 AM.
Fuzion88 is offline   Reply With Quote
Old 04-02-2012, 11:14 AM   #15
Stegarootbeer
 
 
 
Join Date: Sep 2009
Reputation: 0
Posts: 1
I started making my skin and ran into this issue:
http://dl.dropbox.com/u/8063698/piston%20hole.jpg
This is after i edited piston.tga and put the space core in its place.
Stegarootbeer is offline   Reply With Quote
Reply

Go Back   Steam Users' Forums > Steam Discussions > Help and Tips


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off



All times are GMT -7. The time now is 09:49 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2014, vBulletin Solutions, Inc.
Site Content Copyright Valve Corporation 1998-2012, All Rights Reserved.