This is going to cover how to create and install a custom CSS hud using the
Inpact CSS Hud Tweaker
First things first...after you DL and install the program the first time you run it it will ask for your CSTRIKE directory. This will be c:/program files/steam/steam apps/YOURNAME/counterstrike source/cstrike.
The Main Menu
Now when you first get it up and running it will be in some other language, Dont worry just look in the upper right hand corner and click the
Now that you can read the program we will start by changing the
Look down near the bottom of the window you will see a box that says:
Modify CSS Menu, click this and you will get a picture of the main menu on the screen.
Now the program has some default selections located in the
Background images Drop down menu...
But you want your own image right?? so after you get whatever picture you want just copy the pic into the Programs Data folder LOCATED: c:/ wherever you installed it/inpact_css_hud_tweaker/data/menu_backgrounds.
Now restart the application and your chosen pic will be in the Background image dropdown menu.
Click on the
Apply to CSS Button. You will get a msg that says Your menu is about to be overwritten!! SEE screenshot A...Click OK and you now have a new menu background.
The Ingame hud
First click on the
Modify CSS Hud Button at the bottom
This part is pretty straight forward there are several things you can do here.
First we will be dealing with the simple things:
Colors and Fonts
SEE Screenshot B
Here you will see the buttons for customizing things.
Modify Numbers' Font
Simply chose any font you have installed on your computer that you would like to use.
SEE Screenshot C
***NOTE****Some custom fonts will not show the numbers correctly so be sure to pay attention to this!!
Now after you pick your font Select the
Modify Colors Button
SEE Screenshot D
Just change the colors as you like and VIOLA...your hud will now be a new color and a new font!!!
Simply Click on apply to CSS and you will get the same msg as before:
Your CSS Hud is about to be overwriten
Click ok, And you have just modified your CSS HUD and MENU BACKGROUND!!!!
MOVING THINGS AROUND
Want to change the location of things on your HUD???
Well you can do that too. All you have to do is place your cursor over the item and a little hand will appear. Just drag the components to where you would like them. Very simple.
If you really want to tweak your HUD the click on the
show/hide elements button
SEE Screenshot E
Here you can remove any of the components you want to have a cleaner looking HUD if you wish.
There now you have a killer CSS HUD That you made all by yourself. If you have any further questions/ or if I forgot anything Please feel free to contact me.