Cleanup is going to take awhile, so the site is back up but editing has been disabled.

Adding Steam Backgrounds

From HalfLife 2 Knowledge Base

Jump to: navigation, search

Adding Background Images

Adding background images to a steam skin is simple. I will use the example of adding an image to SteamRootDialog.res, but this applies to all interface sectins of steam.

1. First Download SteamRootDialog.res

http://www.hl2world.com/dunezone/wiki/SteamRootDialog.res

2. Place SteamRootDialog.res in your skins Cached Folder

Typically: x:\Valve\Steam\skins\SkinName\steam\Cached)

3. Open the Res file into Notepad.

4. Place this entry under the SteamRootDialog Entry


	"BackGround_Image"				        //IMAGE NAME
	{
		"ControlName"		"ImagePanel"	        //don't change, declares this as an image panel	
		"fieldName"		"BackGround_Image"	//IMAGE NAME AGAIN
		"xpos"		"1"			        //changes horizontal placement in rootdialog 0=Left side
		"ypos"		"35"			        //changes vertical placement in rootdialog 0=top
		"wide"		"351"			        //width of the image
		"tall"		"449"			        //height of the image
		"autoResize"		"0"		        // 0 = no resize |  1 = resize
		"pinCorner"		"0"		        // 0 = off | 1 = on
		"visible"		"1"		        // 0 = off | 1 = on
		"enabled"		"1"		        // 0 = off | 1 = on
		"tabPosition"		"0"		        // 0 = off | 1 = on
		"image"		"resource/bg"	                //Read Below
		"scaleImage"		"0"		        //Scale of image 
	}	

5. Save the res file and load up steam, since this entry was built for one of my skins its not gonna agree with yours. It will take some adjusting to line up the background exactly.

Notice the creators of steam were nice enough to add descriptions to each command to tell us what they do. The must important entry is the (image) entry since its the loaction of the imaeg itself. Your image should be located in that folder, and saved as a 24bit TGA. The entry itself should not have the extension, notice the image is bg.tga, but in the .res file its just (bg) with no extension.

Important: Steam uses a system of layers for buttons, images, etc. This should be the first entry after the SteamRootDialog entry. If its not anything above it will not work. Think of it as a layer in photoshop, anything above it you can see, anything below it you cant.

-Dunezone

Personal tools