The Game Modding Community - Since 2001

Creating/Installing CSS Hud's

A Tutorial for Counter-Strike: Source

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. PART 1

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

Menu Background"

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. PART 2

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. First choose

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!!!! ******OPTIONAL****** PART 3


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.


1–10 of 36
Go to page:
  • 6mo
    KingstonCartel avatar
    KingstonCartel username pic Joined 4y ago
    105th Inc. Flag Affiliation: 105th Inc.
    8,715 points Ranked 533rd
    45 medals 5 legendary 12 rare
    • Submitted 50 Maps Medal icon
    • Submitted 15 Tools Medal icon
    • 2017 Top Contributor Medal icon
    • 15+ Entries! GameBanana’s Christmas Giveaway 2017 Medal icon
    • Submitted 100 Sounds Medal icon
    • Submitted 20 Maps Medal icon
    KingstonCartel avatar
    105th Inc. Flag
    105th Inc.
    The recent update of source broke this tool. The hud will work as you apply it but when you hold TAB to view the scoreboard the names of all the players does not display.

    Does anyone know a fix?
    stay ripe avatar
    stay ripe
  • 6y
    1. I couldn't find a button to change the color of the buy menu, so please, is it possible to do it changeable? 2. In game (whatever singleplayer or multiplayer) I don't see nor my name neither the names of my teammates or opponents. I only see the little pictures if they are dead or if they've deserved a star. I also can't see the scores of the players. Is that a problem of mine or if it's not, could you fix it? 3. I tried to change the picture of the menu, but the only difference was "Counter Strike Source" which you originally put into the menu. It's size was 1600 pxls. Is this a problem? Although this HUD Editor is very good and I thank you for creating it! It is really useful. I have changed all of my skins ingame, so I though it was going to be a good idea to change the HUD, too... So keep up with the good work!!! :)))
  • 8y
    kansa04 avatar
    kansa04 Joined 8y ago
    Actually my first tweaking was a success thank you... but there is something missing at the first, it was asking me for the width and height of my CSS but I was wrong on what I place there so thats why it got wrong, and when I open it, it does not ask for the width and height anymore, and when I click the "apply to CS" button my hud does not change. Edit: How will I uninstall the hud which I made already?


    I ain't got no points lol.
  • 8y
    I was very puzzled too when the icons disappeared from the hud and were replaced by letters a, b, c, d etc. The documentation isn't very helpful. Took me a whole day to mess around and search for solution. In the end I found the solution here: The solution the developer's mention is to restart your PC in order to register the fonts with the OS. Very frustrated and relieved at the same time. Edit: Another solution I've found which may be better is to go to the data\fonts folder in the directory where you extracted the hud tweaker and right-click on the fonts and click install. Do this for all the fonts or the fonts you will be using. You should see the correct hud icons now when you launch inpact css hud tweaker. Also, if your getting some dll error in vista, try right-clicking and selecting "run as admin". If that doesn't work, then you need to download the missing dll file.
  • 9y
    dounut avatar
    dounut Joined 9y ago
    Hi, I have never used anything like this before. I need some help please. I opened the program but I never changed anything. And I didn't want this program any more. So I pressed "Quit" and deleted it. I then opened up my Counter Strike Source, only to notice that all my text has changed and the images (Of when you pick up the bomb isn't the picture any more. It says the letter "J") Also the Health, Armour, Time, Cash. Have all changed too. Here is a link showing this. Please help because this has ruined my Counter Strike Source and I'm not very happy. Thank You, ~Dounut
  • 9y
    Hi, im trying to get a pic as menu background but i cant get it to work, i have a widescreen so i use 16:10 as aspect ratio and 1024x768 as resolution. if i set it on 3:4 and 1024x768 it does work, then i see the pic, but as soon i switch to 16:10, i get the normal background again. could anyone help me plz :) this is the pick i want as background: Could anyone plz help me i cant get it to work, tried it 10 times :(
  • 9y
    Mummi avatar
    Mummi Joined 9y ago
    239 points Ranked 16452nd
    Its a nice tutorial but it isnt accurate at all :( this is what i want with this tool: and this is what i get ingame : not much fun, perhaps any of you guys know any tools that is just a bit more advanced than this ? -thx
    I is ur superior.
  • 10y
    T11LMG avatar
    T11LMG Joined 10y ago
  • 10y
    Karnivore915 avatar
    Karnivore915 Joined 10y ago
    421 points Ranked 10601st
    OK for all of you who don't know... here it is The version used in this tutorial is V1.18... and the link for the download is version 1.19. For those of you who want 1.18 (in this tut) here is a link Now that that is there, DONT scream at me if it doesnt work anymore because I havnt tried it. Now for my question... I seem to have put in the wrong screen resolution and I tried what seemed like everything to try to reset it but I cannot... anybody know how?
    That guy you wish you were avatar
    That guy you wish you were
  • 10y
    drimp avatar
    drimp Joined 11y ago
    7,500 points Ranked 619th
    15 medals 4 rare
    • 2nd Place - Underwater Mystery Mapping Contest Medal icon
    • 25 posts awarded Exemplary Feedback Medal icon
    • 50 posts awarded Exemplary Feedback Medal icon
    • 6 years a member Medal icon
    • Reached 1,000 Points Medal icon
    • Reached 2,500 Points Medal icon
    This tool un-installed all my games on my steam and kept the files. Know why?
    Mapping Imp avatar
    Mapping Imp
1–10 of 36
Go to page:


Share banner
Image URL:
HTML embed code:
BB embed code:
Markdown embed code:


Key Authors


Melicon avatar
Melicon Joined 13y ago
5,337 points Ranked 891st
12 medals 1 legendary 1 rare
  • 10 years a member Medal icon
  • 6 years a member Medal icon
  • Became a Club Leader Medal icon
  • Reached 1,000 Points Medal icon
  • Reached 2,500 Points Medal icon
  • One month a member Medal icon

Sign up to access this!
Sign up to access this!
Sign up to access this!
Sign up to access this!
Sign up to access this!



Difficulty Level
Beginner Difficulty



Date Added
Date Modified


  • Share on Reddit
  • Share on Twitter
  • Share on Facebook
  • Share on Google+

Yo, buddy. Mascot

GameBanana is one of the oldest mod sites on the net. Sign up and maximize your browsing experience.

  • Subscribe: Get notified of new submissions like this.
  • Say Thanks: Show your appreciation - send modders points.
  • Post: Give modders your thoughts on their work.
  • Vote: Help your favorite modders win monthly awards.
  • Rate: Rate mods and help them stand out.
  • Flag: Alert moderators and warn members of problems with mods.
  • Watch: Get notified when mods are updated.

Sound fun? Sign up now!

Already a Bananite? Login

More from Submitter tracking pixel