# 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://codeforge.gitbook.io/codeforge/sleek-series/sleek-loading-screen.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.