> For the complete documentation index, see [llms.txt](https://codeforge.gitbook.io/codeforge/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codeforge.gitbook.io/codeforge/sleek-series/sleek-loading-screen.md).

# SLEEK LOADING SCREEN

{% embed url="<https://youtu.be/sFsxh0XIzfM?si=FJkl9imH1jsMNw4Y>" %}

**INSTALLATION GUIDE**

1. Download from [KEYMASTER ](https://keymaster.fivem.net/login?return_url=/asset-grants)and Unzip the **`forge-loading.pack.zip`** and place this folder in your server's resource folder.
2. Add the resource to your server start config: **`ensure forge-loading`**`,`the name of the folder must not be changed or the resource will not function correctly. It must be started in the first positions
3. Delete or disable other Loading Screens you have, such as QB or ESX. Also, in some cases there may be another one in the \[cfx] > \[test] folder
4. Reboot the entire server with the forge script well ensured in your server.cfg.

**CONFIG**

This script doesn't have CONFIG.lua, don't worry about it! this is because the script loads before your server loads, since it is precisely a Loading Screen.

1. You can edit the texts in the <mark style="color:blue;">`"index.js"`</mark> and in the <mark style="color:blue;">`"index.html"`</mark>.
2. You can edit the colors in the <mark style="color:purple;">`"index.css".`</mark>
3. You can change the background song, replacing the <mark style="color:orange;">`"sound.mp3"`</mark> file, it must have the same name.
4. In the <mark style="color:red;">`[img] folder`</mark> you can replace the two images that appear, the one of the "man" and the one of the logo. It must have the same name. You can put your logo or whatever you want. The measurements are:

* **character:** 1082x1906px

<img src="/files/IaUVSbVpbKkbxUHjK8RC" alt="" data-size="original">

* **logo:** 276x124px

![](/files/eoOPhTmteJCPrhPGe9vz)

5. <mark style="color:red;">**This script does not have any SQL to install.**</mark>
6. <mark style="color:red;">**Do not rename this script, this may cause it to fail when opening the interface.**</mark>

{% hint style="success" %}
**If you want to edit the aesthetics or design. You have the HTML open so you can modify the style and everything as you want.**

The script is **RESPONSIVE** for all resolutions as well.
{% endhint %}