Login_Here
Newbie
- Joined
- Jul 8, 2003
- Messages
- 841
- Reaction score
- 0
Since there has been quite some posts about this i thought; why not make a sticky about it.
First of all, i made this thread a locked one since i dont want a spam fest in this thread; even though i know that there hasnt been much spam here, and if you would like to add anything to this thread please PM me.
Second of all, well... im going to give credit to anyone who PM's me with more good info.
And last but not least third, i might edit some of the info if i find anything that is weird that might make damage to Steam/fixing odd sentences etc.
This is from a post that vakuum made
Steam checks after files in the <skin name> (for example "grey") folder, if the file can't be found it will use the default one.
In your <steam skin> folder you have these folders:
servers\
.tga images for the game browser.
resource\
Here you have the TrackerScheme.res where you change font, color, borders, etc..
Default images for steam.
steam\
Here you have the steam logos, and images.
steam\cached\
Here you have the files that steam use to "show" their form's
ps: like SteamRootDialog.res is the file where the "main steam window" is stored..
If you want to edit the apperance of steam, start here ;-)
steam\games\
Here you have the icon's for your games
Actually the folder Steam\steam\ Steam\resource\ and Steam\servers\
can be copy'd to Steam\skins\<skin name\ so you get:
Steam\skins\<skin name\steam\
Steam\skins\<skin name\resource\
Steam\skins\<skin name\servers\ (ps: this one only have a dll in the default steam.. no images)
Useful Info:
Images: images must be 24bit .tga files.
If you store a file <skin name>\resource\logo.tga you will only need to use "resource\logo" in the file you have added the logo.
Press Ctrl + Alt + Shift + B to make the Steam editor come up.
This one is usefull to get the image's and other things in place..
Currently you have to copy the values from the editor and place them manually in your files cause else you will only get an error.
DO NOT use the [X] in the steam editor, this will close the editor but the form will still be editable (and not possible to use the buttons)
.res files (in steam\cached\)
Steam "write" the form as it is written, this means that if you add a image in the end of the file, it will be on the "top" if it's overlapping any other images or things in the res file.
This can be handled by giving every "thing" in the form a zpos option.
zpos is default "0" if not used, higher value = in front.
if one image1 has "zpos" "5" and image2 has "zpos" "10", then image2 will be infront of image1.
COLOR VALUES:
The trackerscheme.res file has four numbers in the color value.
The first 3 are RGB or (Red Green Blue) the last one i do not realy know.
I'm trying to get info from the steam guys with a "bug" that could be fixed with the last number... so for now, don't care about it
Here you can see the "bug" with the text on a skin i'm working on.
Link
John Cook said this chould be fixable, but I did't get it to work yet..
That was all I had to write for now, I will update this and add more later.
Hope this was a good help for some people.
Thanks to Lex Talionis for making a skin where i could learn something new
I have found out how to add pictures as a background, to do so you need to make a new folder in your skin folder, like this:
C:\Steam\skins\myskin\steam\cached
And the cached folder is the folder you will have to make in order for this to work, next step, go to C:\Steam\steam\cached
And copy the file called 'SteamRootDialog.res' into the cached folder in your myskin\steam\cached so it will look like this:
C:\Steam\Skins\myskin\steam\cached\SteamRootDialog.res
Then in the beginning of the file it will look like this:
"Steam/Cached/SteamRootDialog.res"
{
"SteamRootDialog"
{
"ControlName" "Frame"
"fieldName" "SteamRootDialog"
"xpos" "452"
"ypos" "348"
"wide" "376"
"tall" "300"
"autoResize" "0"
"pinCorner" "0"
"visible" "1"
"enabled" "1"
"tabPosition" "0"
"settitlebarvisible" "1"
}
"Button1"
{
"ControlName" "Button"
"fieldName" "Button1"
"xpos" "28"
"ypos" "38"
"wide" "80"
"tall" "24"
"autoResize" "0"
"pinCorner" "0"
"visible" "1"
"enabled" "1"
"tabPosition" "2"
"labelText" "#SteamRootGames"
"textAlignment" "west"
"dulltext" "0"
"brighttext" "0"
"Command" "Open:Games"
"Default" "0"
}
In this file between these two commands you will need to add this:
"FrontImage"
{
"ControlName" "ImagePanel"
"fieldName" "FrontImage"
"xpos" "1"
"ypos" "32"
"wide" "374"
"tall" "268"
"autoResize" "0"
"pinCorner" "0"
"visible" "1"
"enabled" "0"
"tabPosition" "0"
"image" "resource/title_image"
"scaleImage" "1"
}
"Divider2"
{
"ControlName" "Divider"
"fieldName" "Divider2"
"xpos" "1"
"ypos" "32"
"wide" "374"
"tall" "2"
"autoResize" "0"
"pinCorner" "0"
"visible" "1"
"enabled" "1"
"tabPosition" "0"
}
So the beginning will look something like this:
"Steam/Cached/SteamRootDialog.res"
{
"SteamRootDialog"
{
"ControlName" "Frame"
"fieldName" "SteamRootDialog"
"xpos" "452"
"ypos" "348"
"wide" "376"
"tall" "300"
"autoResize" "0"
"pinCorner" "0"
"visible" "1"
"enabled" "1"
"tabPosition" "0"
"settitlebarvisible" "1"
}
"FrontImage"
{
"ControlName" "ImagePanel"
"fieldName" "FrontImage"
"xpos" "1"
"ypos" "32"
"wide" "374"
"tall" "268"
"autoResize" "0"
"pinCorner" "0"
"visible" "1"
"enabled" "0"
"tabPosition" "0"
"image" "resource/title_image"
"scaleImage" "1"
}
"Divider2"
{
"ControlName" "Divider"
"fieldName" "Divider2"
"xpos" "1"
"ypos" "32"
"wide" "374"
"tall" "2"
"autoResize" "0"
"pinCorner" "0"
"visible" "1"
"enabled" "1"
"tabPosition" "0"
}
The text that you should add is marked in yellow, now for the final part:
The file you want to use as a background for the main window will need to be placed under the resource folder in your skin folder, and it will also need to be a 24-bit *.tga file, the easiest way is to name the file 'title_image' and copy these rows of text into your SteamRootDialog.res
And a side note, the files called *.res can be opened with notepad and the *.tga can be opened/edited/saved with a normal picture editor like PhotoShop, maybe PainsShopPro etc. (im using PhotoShop so im not so sure what programs there are that can open *.tga files
That is what i have found at this moment but please PM me if you would like me to add anything to the thread.
First of all, i made this thread a locked one since i dont want a spam fest in this thread; even though i know that there hasnt been much spam here, and if you would like to add anything to this thread please PM me.
Second of all, well... im going to give credit to anyone who PM's me with more good info.
And last but not least third, i might edit some of the info if i find anything that is weird that might make damage to Steam/fixing odd sentences etc.
This is from a post that vakuum made
Steam checks after files in the <skin name> (for example "grey") folder, if the file can't be found it will use the default one.
In your <steam skin> folder you have these folders:
servers\
.tga images for the game browser.
resource\
Here you have the TrackerScheme.res where you change font, color, borders, etc..
Default images for steam.
steam\
Here you have the steam logos, and images.
steam\cached\
Here you have the files that steam use to "show" their form's
ps: like SteamRootDialog.res is the file where the "main steam window" is stored..
If you want to edit the apperance of steam, start here ;-)
steam\games\
Here you have the icon's for your games
Actually the folder Steam\steam\ Steam\resource\ and Steam\servers\
can be copy'd to Steam\skins\<skin name\ so you get:
Steam\skins\<skin name\steam\
Steam\skins\<skin name\resource\
Steam\skins\<skin name\servers\ (ps: this one only have a dll in the default steam.. no images)
Useful Info:
Images: images must be 24bit .tga files.
If you store a file <skin name>\resource\logo.tga you will only need to use "resource\logo" in the file you have added the logo.
Press Ctrl + Alt + Shift + B to make the Steam editor come up.
This one is usefull to get the image's and other things in place..
Currently you have to copy the values from the editor and place them manually in your files cause else you will only get an error.
DO NOT use the [X] in the steam editor, this will close the editor but the form will still be editable (and not possible to use the buttons)
.res files (in steam\cached\)
Steam "write" the form as it is written, this means that if you add a image in the end of the file, it will be on the "top" if it's overlapping any other images or things in the res file.
This can be handled by giving every "thing" in the form a zpos option.
zpos is default "0" if not used, higher value = in front.
if one image1 has "zpos" "5" and image2 has "zpos" "10", then image2 will be infront of image1.
COLOR VALUES:
The trackerscheme.res file has four numbers in the color value.
The first 3 are RGB or (Red Green Blue) the last one i do not realy know.
I'm trying to get info from the steam guys with a "bug" that could be fixed with the last number... so for now, don't care about it
Here you can see the "bug" with the text on a skin i'm working on.
Link
John Cook said this chould be fixable, but I did't get it to work yet..
That was all I had to write for now, I will update this and add more later.
Hope this was a good help for some people.
Thanks to Lex Talionis for making a skin where i could learn something new
I have found out how to add pictures as a background, to do so you need to make a new folder in your skin folder, like this:
C:\Steam\skins\myskin\steam\cached
And the cached folder is the folder you will have to make in order for this to work, next step, go to C:\Steam\steam\cached
And copy the file called 'SteamRootDialog.res' into the cached folder in your myskin\steam\cached so it will look like this:
C:\Steam\Skins\myskin\steam\cached\SteamRootDialog.res
Then in the beginning of the file it will look like this:
"Steam/Cached/SteamRootDialog.res"
{
"SteamRootDialog"
{
"ControlName" "Frame"
"fieldName" "SteamRootDialog"
"xpos" "452"
"ypos" "348"
"wide" "376"
"tall" "300"
"autoResize" "0"
"pinCorner" "0"
"visible" "1"
"enabled" "1"
"tabPosition" "0"
"settitlebarvisible" "1"
}
"Button1"
{
"ControlName" "Button"
"fieldName" "Button1"
"xpos" "28"
"ypos" "38"
"wide" "80"
"tall" "24"
"autoResize" "0"
"pinCorner" "0"
"visible" "1"
"enabled" "1"
"tabPosition" "2"
"labelText" "#SteamRootGames"
"textAlignment" "west"
"dulltext" "0"
"brighttext" "0"
"Command" "Open:Games"
"Default" "0"
}
In this file between these two commands you will need to add this:
"FrontImage"
{
"ControlName" "ImagePanel"
"fieldName" "FrontImage"
"xpos" "1"
"ypos" "32"
"wide" "374"
"tall" "268"
"autoResize" "0"
"pinCorner" "0"
"visible" "1"
"enabled" "0"
"tabPosition" "0"
"image" "resource/title_image"
"scaleImage" "1"
}
"Divider2"
{
"ControlName" "Divider"
"fieldName" "Divider2"
"xpos" "1"
"ypos" "32"
"wide" "374"
"tall" "2"
"autoResize" "0"
"pinCorner" "0"
"visible" "1"
"enabled" "1"
"tabPosition" "0"
}
So the beginning will look something like this:
"Steam/Cached/SteamRootDialog.res"
{
"SteamRootDialog"
{
"ControlName" "Frame"
"fieldName" "SteamRootDialog"
"xpos" "452"
"ypos" "348"
"wide" "376"
"tall" "300"
"autoResize" "0"
"pinCorner" "0"
"visible" "1"
"enabled" "1"
"tabPosition" "0"
"settitlebarvisible" "1"
}
"FrontImage"
{
"ControlName" "ImagePanel"
"fieldName" "FrontImage"
"xpos" "1"
"ypos" "32"
"wide" "374"
"tall" "268"
"autoResize" "0"
"pinCorner" "0"
"visible" "1"
"enabled" "0"
"tabPosition" "0"
"image" "resource/title_image"
"scaleImage" "1"
}
"Divider2"
{
"ControlName" "Divider"
"fieldName" "Divider2"
"xpos" "1"
"ypos" "32"
"wide" "374"
"tall" "2"
"autoResize" "0"
"pinCorner" "0"
"visible" "1"
"enabled" "1"
"tabPosition" "0"
}
The text that you should add is marked in yellow, now for the final part:
The file you want to use as a background for the main window will need to be placed under the resource folder in your skin folder, and it will also need to be a 24-bit *.tga file, the easiest way is to name the file 'title_image' and copy these rows of text into your SteamRootDialog.res
And a side note, the files called *.res can be opened with notepad and the *.tga can be opened/edited/saved with a normal picture editor like PhotoShop, maybe PainsShopPro etc. (im using PhotoShop so im not so sure what programs there are that can open *.tga files
That is what i have found at this moment but please PM me if you would like me to add anything to the thread.
