Creating/Installing CSS Hud's

A Tutorial for Counter-Strike: Source

Hello world. We are one of the oldest mod sites on the Interwebs. Sign up and maximize your browsing experience.

  • Subscribe: Get notified of new submissions like this.
  • Say Thanks: Show your appreciation by sending Melicon points.
  • Post: Give Melicon your thoughts on this Tutorial.
  • Vote: Help Melicon win the Monthly Awards.
  • Rate: Give this Tutorial a rating out of 10.
  • Flag: Alert moderators and warn members of a problem with this Tutorial.
  • Watch: Get notified when this Tutorial is updated.

Resistance is futile...

Sign up

Already a Bananite? Login

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.


  • 14d
    KingstonCartel avatar
    105th Inc. Flag Affiliation: 105th Inc.
    Member Joined 3y
    5,726 points Ranked 788th
    35 medals 2 legendary 8 rare
    • Submitted 50 Maps Medal icon
    • Submitted 15 Tools Medal icon
    • Submitted 20 Maps Medal icon
    • Returned 1000 times Medal icon
    • Submitted 15 Tutorials Medal icon
    • Submitted 30 Textures Medal icon
    KingstonCartel 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?
    Уважение - это все
  • 5y
    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!!! :)))
  • 7y
    kansa04 avatar
    kansa04 Offline
    Member Joined 7y
    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.

    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.
  • 8y
    dounut avatar
    dounut Offline
    Member Joined 8y
    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,
  • 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 Offline
    Member Joined 9y
    239 points Ranked 15604th
    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 ?

    I is ur superior.
  • 9y
    T11LMG avatar
    T11LMG Offline
    Member Joined 9y
  • 9y
    Karnivore915 avatar
    Member Joined 10y
    421 points Ranked 10028th
    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
  • 9y
    drimp avatar
    drimp Offline
    Member Joined 10y
    7,500 points Ranked 587th
    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


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

More embeddable images

Bookmark and Share


Key Authors


Melicon avatar
Melicon Offline
Member Joined 12y
5,337 points Ranked 851st
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!



Difficulty Level
Beginner Difficulty



Date Added
Date Modified
Sign up to access this!

More from Submitter tracking pixel