⏸️XeX PauseMenu

Docs needed to run script on any ESX / QB server

Installation

1º Add the xex_pausemenu folder to your resources and initialize it on server.cfg.

start xex_pausemenu

Configuration

1º Make sure to select your framework Config.Framework

2º Configure config.lua with your desired options:

• Config.Framework = 'esx' -- esx / qb

• Config.ShowName = true

• Config.ShowMoney = true

• Config.ShowJob = true

• Config.ShowOnlinePlayers = true

• Config.ShowPoliceCount = true

• Config.ServerLogo = 'img/logo.png' -- use nil to disable

• Config.LeaveMessage = ''

• Config.EnableReportSystem = true

• Config.HideMinimapWhenOpeningMenu = false

• Config.CheckForUpdates = true

3º Configure svconfig.lua with you optional Discord webhook.

Templates

The menu comes with 1 preconfigured template as index.html + style.css, but it has 3 more configurations in index_layout1.html and style_layout1.css, index_layout2.html and style_layout2.css, index_layout3.html and style_layout3.css.

To change between the layouts, just replace the current index.html and style.css with one of the templates. Any problem go to Discord and we will solve it.

If you want to add a new template, you can start from whatever you want and distribute the links as you prefer.

Change images

Within the index.html, change the image of each button mapping to images located on web/img folder:

<img class="button-img" src="./img/ajustes.png">

Customize Links:

Within the JS, change the link for each ID you need:

$('#button-web').click(function() {
    window.invokeNative('openUrl', 'https://yoururl.com');
    $.post('https://xex_pausemenu/close');
    $('.container').fadeOut();
})

Change Colors

For this you will need some knowledge in CSS and editing the style.css file. Each button has IDs that you can access to change the background color, add new button types, etc...!

#button-map {
    background: rgb(0, 128, 0);
    background: linear-gradient(5deg, rgba(0, 128, 0, 0.8) 0%, rgba(60, 179, 113, 0.8) 100%);
    border-color: forestgreen;
}

#button-web, #button-discord, #button-normativas, #button-guias, #button-quit, #button {
    background: rgb(255, 0, 0);
    background: linear-gradient(160deg, rgba(255, 0, 0, 0.8) 0%, rgba(255, 69, 0, 0.8) 100%);
    border-color: firebrick;
}

#button-options {
    background: rgb(255, 193, 7);
    background: linear-gradient(160deg, rgba(255, 193, 7, 0.8) 0%, rgba(255, 235, 59, 0.8) 100%);
    border-color: goldenrod;
}

#button-report {
    background: rgb(25, 118, 210);
    background: linear-gradient(160deg, rgba(25, 118, 210, 0.8) 0%, rgba(100, 181, 246, 0.8) 100%);
    border-color: rgb(0, 81, 128);
}
#button-quit{
    background: rgb(205, 0, 0);
    background: linear-gradient(160deg, rgba(205, 0, 0, 0.734) 0%, rgba(205, 21, 0, 0.8) 100%);
    border-color: darkred;
}
#button-x{
    background: rgb(0, 0, 0);
    border-color: black;
}
#button-ig{
    background: rgb(131, 58, 180);
    background: linear-gradient(160deg, rgba(131, 58, 180, 0.8) 0%, rgba(193, 53, 132, 0.8) 50%, rgba(252, 175, 69, 0.8) 100%);
    border-color: rgb(131, 58, 180);
}

Do you have any doubts?

Access Discord and contact us to receive the necessary support.