GUI's: Moving the menu/changing the color

A Tutorial for Counter-Strike: Source

Hey, you! 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 manslayer111 points.
  • Post: Give manslayer111 your thoughts on this Tutorial.
  • Vote: Help manslayer111 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.
Mascot

Interested?

Sign up

Already a Bananite? Login

REQUIREMENTS

Download this to get the RES file required for this tutorial the link above gois to the best menu background maker there is, Naomi, in the download, you will find "clientscheme.res" and "sourcescheme.res" that are needed. place them here: cstrike/resource

INTRO

This tutorial will teach you how to move the menu around and also how to change the color of the menu.

**NOTE** most of this is trial and error until you are happy with your work.

CHANGING THE COLOR OF THE MENU

Screenshot B

changing the color of the menu is fairly simple, first open "sourcescheme.res" with notepad. about 1/5 - 1/4 of the way down, you should see the lines: // scheme-specific colors MainMenu.TextColor "0 0 255 255" MainMenu.ArmedTextColor "PurpleTransparent" MainMenu.DepressedTextColor "BlueTransparent" MainMenu.MenuItemHeight "30" MainMenu.Inset "32" MainMenu.Backdrop "0 0 0 156"

**NOTE** this example is edited by me so the NUMBERS wont be exact, you are just looking for the MainMenu.Textcolor etc...

ok, so you want to make the menu red? then do this: MainMenu.TextColor "255 0 0 255" Why did I do this? this is one thing i learned from mappin but w/e. the first of the four numbers is red, the second is green, the third is blue, and the last is alpha. **NOTE** leave alpha at 255 or it will become transparent-invisible, and we don't want that now do we? *see all base colors in screenshot C (c1=blue, c2=red, c3=green)* well, if you only wanted it to be a different color, then your done, but if you would like to move the menu to say, the top right corner, then read on :) . Check out ALL the color codes, Color codes (Thanks Gr33nBudz)

MOVING THE MENU AROUND

Screenshot D

ok, this one is a little more annoying. first, open "CientScheme.res" next, look about 1/7 - 1/6 of the way down for these lines: // Top-left corner of the menu on the main screen "Main.Menu.X" "32" "Main.Menu.Y" "350" ok, imagine you are looking at a grid you would see in your math class (although the Y axis is backwards). you origin you be the very top left corner *see screenshot E* now, at 32X and 350Y thats at almost the very bottom and 32X is very close to the left side (for those of us who dont understand, X is left/right, and Y is up/down) lets say you want the menu in the top left corner, you want a small X and a small Y, the smaller the X the farther to the left the menu will be, the smaller the Y, the higher the menu will be. so to put the menu as seen in screenshot F you want the X to be at 30, and the Y to be at 40.

**NOTE**

putting the menu up this high will not affect the "resume" "dissconnect" "player list" the menu will simply move down in-game. well, thats all there really is to it, please have fun making you menu backgrounds and such. questions? need more help? please PM me, or xfire me: 1manslayer1 P.S. to learn how to change what the menu says, see this fine tutorial by Cobalt

Posts

  • 6y
    Jay__Con avatar
    Jay__Con Offline
    Member Joined 6y
    610 points Ranked 7285th
    Thanks Buddy,
    Very useful tutorial.... Helped a lot.....
    10/10 man...
    Jâm€$___L¤rÐ avatar
    Mantra
    Jâm€$___L¤rÐ
  • 8y
    mmatses avatar
    mmatses Offline
    Member Joined 9y
    4,151 points Ranked 1103rd
    10 medals 1 rare
    • 6 years a member Medal icon
    • Reached 1,000 Points Medal icon
    • Reached 2,500 Points Medal icon
    • 1 post awarded Exemplary Feedback Medal icon
    • One month a member Medal icon
    • 6 months a member Medal icon
    Do you know what the maximum X and Y values you can plug in are?
    Mapper avatar
    Mantra
    Mapper
  • 8y
    manslayer111 avatar
    manslayer111 avatar Offline
    Member Joined 11y
    233,631 points Ranked 12th
    15 medals 1 legendary 3 rare
    • 10 years a member Medal icon
    • Reached 75,000 Points Medal icon
    • Reached 200,000 Points Medal icon
    • 6 years a member Medal icon
    • Became a Club Leader Medal icon
    • Reached 1,000 Points Medal icon
    Posted by chiko116

    Does it only works with the res background?


    I'm afraid I don't understand your question.
    Judge not whom you know not.
  • 9y
    adamf09 avatar
    adamf09 Offline
    Member Joined 9y
    403 points Ranked 10372nd
    Notes: good tutorial, very easy to follow, 10/10

    10/10

    ...
  • 9y
    outrageousmayo avatar
    Member Joined 9y
    581 points Ranked 7596th
    this tutorial s very useful and answers the question i've been asking for so long: how do you edit color?
    nice work.
    It rubs the lotion on its skin avatar
    Mantra
    It rubs the lotion on its skin
  • 10y
    Gr33nBudz avatar
    Gr33nBudz Offline
    Member Joined 10y
    145 points Ranked 22150th
    Http://www.pitt.edu/~nisg/cis/web/cgi/rgb.html RGB color codes
    Bananite
  • 10y
    manslayer111 avatar
    manslayer111 avatar Offline
    Member Joined 11y
    233,631 points Ranked 12th
    15 medals 1 legendary 3 rare
    • 10 years a member Medal icon
    • Reached 75,000 Points Medal icon
    • Reached 200,000 Points Medal icon
    • 6 years a member Medal icon
    • Became a Club Leader Medal icon
    • Reached 1,000 Points Medal icon
    Posted by pl4Yb0y

    Sorry for the question

    R----G----B----Alpha

    whats thts i know RGB but what is alpha
    has anyone a website with cuolers in RGBAlpha ?


    Alpha is the opacity / transparency...or in other words, the lower the number, the more you see through it.
    Judge not whom you know not.
  • 10y
    pl4Yb0y avatar
    pl4Yb0y Offline
    Member Joined 11y
    556 points Ranked 7913rd
    Sorry for the question

    R----G----B----Alpha

    whats thts i know RGB but what is alpha
    has anyone a website with cuolers in RGBAlpha ?
     avatar
    Mantra
  • 10y
    manslayer111 avatar
    manslayer111 avatar Offline
    Member Joined 11y
    233,631 points Ranked 12th
    15 medals 1 legendary 3 rare
    • 10 years a member Medal icon
    • Reached 75,000 Points Medal icon
    • Reached 200,000 Points Medal icon
    • 6 years a member Medal icon
    • Became a Club Leader Medal icon
    • Reached 1,000 Points Medal icon
    Posted by Spetsnazx

    How do i turn the menu color to white???


    255 255 255 255 = white
    R----G----B----Alpha

    Posted by AlexR14

    Hay i have a slit problem my menu doesn't move no matter what i do i just stays there help me please
    ScreenShot!

    EDIT : Don't ,matter I've fixed it but where can i get a list with all the color codes on please ?.


    Use ms paint. Click violently on the colors and go to "define custom colors" (or something like that). When you can mak your own color, after you find it, look at the bottom right and you'll see the R, G. B. There should be numbers next to them, put those in. (e.g.: purple-255 0 255 255
    Judge not whom you know not.
  • 10y
    Spetsnazx avatar
    Spetsnazx Offline
    Member Joined 10y
    How do i turn the menu color to white???
    RAWR! avatar
    Mantra
    RAWR!

Share

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

More embeddable images

Bookmark and Share

Credits

Key Authors
manslayer111
creator

Submitter

manslayer111 avatar
manslayer111 avatar Offline
Member Joined 11y
233,631 points Ranked 12th
15 medals 1 legendary 3 rare
  • 10 years a member Medal icon
  • Reached 75,000 Points Medal icon
  • Reached 200,000 Points Medal icon
  • 6 years a member Medal icon
  • Became a Club Leader Medal icon
  • Reached 1,000 Points Medal icon

manslayer111 avatar
manslayer111

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

Category

Details

Difficulty Level
Intermediate Difficulty

Attributes

Stats

Posts
35
Views
22,073
Date Added
11y
Date Modified
8y
Sign up to access this!

WiPs by Submitter

bcp.crwdcntrl.net tracking pixel