Steam Community :: Guide :: Garry's Mod Custom Main Menu

Store Page

Garry's Mod

All Discussions Screenshots Artwork Broadcasts Videos Workshop News Guides Reviews

Garry's Mod > Guides > VMan_2002's Guides

36 ratings

Garry's Mod Custom Main Menu

By VMan_2002

How to customize the Garry's Mod main menu!

Award

Created by

VMan_2002
Online

Category: Modding or Configuration

Languages: English

Posted

Updated

24 Mar, 2018 @ 4:17pm

26 Jan @ 3:37pm

2,773	Unique Visitors
51	Current Favorites

Guide Index

Overview

This guide seems to be outdated nope im dumb

Getting Started

Defining Your New Menu Directory

Making Your Menu Directory

One Final Important Note

Comments

This guide seems to be outdated nope im dumb

Changes have seemingly been made to the menu format since the time this guide was initially posted (25 Mar, 2018)

nope im dumb i just misread my own guide

Getting Started

The menu works by using a .html file, which can be found at:

steam/SteamApps/common/GarrysMod/garrysmod/html/menu.html

Unless you want to do major design changes to the menu, unlike what's in this guide, you should not edit menu.html, and instead enter templates folder.

You should backup the entire html folder in case you make an irreversible mistake.

There will be 6 .html files inside, but the one we want to edit is called "main.html"
Right click, and choose 'Edit'
You can also use Notepad++, which you can find here[notepad-plus-plus.org] and choose 'Edit with Notepad++' instead of 'Edit'

The line highlighted in blue is one that I added, to move to a new custom menu. You can do what you want instead, but note this is how you do it:
Directory:

Game Command:

Example with Command:

Defining Your New Menu Directory

If you wanted to make a new menu directory, you'll first need to define it. Go to

html/js/menu/menuApp.js

then right click and choose 'Edit' (or 'Edit with Notepad++' if it is visible).

The line in blue is the new one I added.
Example:

$routeProvider.when('/testcustom/', { templateUrl: 'template/testcustom.html' } );

Now that your menu is defined, you also need to create it!

Making Your Menu Directory

Now copy + paste main.html which can be found at html/template
and name it how what you see as "testcustom.html" in this:

$routeProvider.when('/testcustom/', { templateUrl: 'template/testcustom.html' } );

so I named mine

testcustom.html

and fill it with what you want.

Example

<div class="page" ng-controller="ControllerMain"> <div class="options"> <ul> <li><h2 style="color:DodgerBlue">Custom Menu</h2></li> <li> </li> <li><a ng-href="#/" ng-♥♥♥♥♥♥="'Back'"></a></li> <li> </li> <li><a ng-click="MenuOption( this, 'engine toggleconsole')" ng-♥♥♥♥♥♥="'Show Console'"></a></li> <li> </li> <li><a ng-click="MenuOption( this, 'engine map gm_construct')" ng-♥♥♥♥♥♥="'Play GM_Construct'"></a></li> <li><a ng-click="MenuOption( this, 'engine echo Test in Menu')" ng-♥♥♥♥♥♥="'Test Custom Option'"></a></li> <li> </li> <li><a ng-click="MenuOption( this, 'engine custom_test')" ng-♥♥♥♥♥♥="'Custom Test'"></a></li> <li><a ng-click="MenuOption( this, 'engine echo red')" ng-♥♥♥♥♥♥="'Option Red'" style="color:Red"></a></li> <li><a ng-click="MenuOption( this, 'engine echo palegoldenrod')" ng-♥♥♥♥♥♥="'Option PaleGoldenrod'" style="color:PaleGoldenrod"></a></li> <li><h2><a ng-click="MenuOption( this, 'engine echo header')" ng-♥♥♥♥♥♥="'Custom Header'"></h2></a></li> <li><a ng-click="MenuOption( this, 'engine echo font')" ng-♥♥♥♥♥♥="'Font Times New Roman'" style="font-family: 'Times New Roman'"></a></li> <li><h6>https://htmlcolorcodes.com/color-names/</h6></li> <li> </li> <li ng-show="InGame"> <a ng-click="MenuOption( this, 'engine disconnect');" ng-♥♥♥♥♥♥="'disconnect'"></a> </li> <li><a ng-click="MenuOption( this, 'engine quit')" ng-♥♥♥♥♥♥="'quit'"></a></li> </ul> </div> </div>

Result:

https://htmlcolorcodes.com/color-names/ for HTML color names (like Red or PaleGoldenrod or DodgerBlue)

One Final Important Note

Garry's Mod likes to overwrite the menu after updating, so inside a new folder outside of your Steam directory, you should make a batch file similar to this one:

xcopy "new/html" "C:\Program Files\Steam\SteamApps\common\GarrysMod\garrysmod\html" /V /C /F /R /J /S /I /Y

Save it and name it 'copy.bat', and make this folder structure:

new
html
copy.bat

where html is inside new.

Then copy all of your custom html files inside the new html folder.

19 Comments

< >

MARK2580 17 Mar @ 9:15am

As I understand it, rubat broke something again, now the engine commands don’t work, an error just appears in the console, for example “Not running engine cmd incrementvar net_graph 0 4 1”