NGD/ngddocs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: update gettingstarted

Browse Source
This commit is contained in:
Administrator 2025-07-06 02:50:13 +00:00 committed by DeLuce
parent b8e84f32e3
commit eceb7f63ff
1 changed files with 46 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

95
gettingstarted.html
View File

@ -2,62 +2,59 @@
title: Getting Started title: Getting Started
description: description:
published: true published: true
date: 2025-07-06T02:48:55.281Z date: 2025-07-06T02:50:12.108Z
tags: tags:
editor: code editor: code
dateCreated: 2025-06-08T03:06:31.460Z dateCreated: 2025-06-08T03:06:31.460Z
--> -->
<!-- Centered Logo with Blue Line --> <!-- Logo centered + full-width blue line below it -->
<div style="text-align: center;"> <div style="text-align: center; padding-bottom: 10px;">
<h1 style="border-bottom: 2px solid #4a90e2; padding-bottom: 10px; display: inline-block;"> <img src="/11f39c35-0150-4b61-b168-a61c673b9cce.png" alt="Logo" style="max-width: 300px; height: auto;" />
<img src="/11f39c35-0150-4b61-b168-a61c673b9cce.png" alt="Logo" style="max-width: 300px; height: auto;" /> </div>
</h1> <hr style="border: none; border-top: 2px solid #4a90e2; margin: 0 0 30px 0;" />
<!-- Centered Gray Box with Centered Text and Video -->
<div style="
border: 1px solid #888;
border-radius: 8px;
padding: 20px;
background-color: #2a2a2a;
color: #fff;
font-size: 18px;
font-weight: bold;
max-width: 800px;
margin: 0 auto 30px auto;
text-align: center;
">
<div>
Please follow this simple guide to install <span style="color: #fdd835;">NGD scripts</span>.
</div>
<div style="color: #4a90e2; font-size: 16px; margin-top: 5px;">
<strong>BE SURE TO WATCH THE VIDEO BELOW IF YOU NEED FURTHER INSTRUCTION</strong>
</div>
<div style="margin-top: 15px;">
<iframe width="100%" height="360" src="https://www.youtube.com/embed/g-iYc0wXeis"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
</div> </div>
<!-- Left-Aligned Content --> <!-- Left-Aligned Instructions Below -->
<div style="max-width: 900px; margin: 30px auto 0 auto; text-align: left;"> <div style="max-width: 900px; margin: 0 auto; text-align: left; font-size: 16px; line-height: 1.7;">
<strong>🛠️ MAKE SURE NGD-BRIDGE IS STARTED AFTER YOUR CORE RESOURCES!</strong>
<!-- Gray Box with Video --> <ol>
<div style=" <li>Download all NGD resources from <a href="https://keymaster.fivem.net/" target="_blank">Keymaster</a> or <a href="https://portal.cfx.re/" target="_blank">CFX Portal</a>.</li>
border: 1px solid #888; <li>Create a folder called <code>[ngd]</code> inside your server's main resource folder.</li>
border-radius: 8px; <li>Extract all your NGD resources into that folder <a href="https://files.fivemerr.com/images/7bf80a1a-f3e0-4892-adb2-76bb68d8da82.png" target="_blank">like shown</a>.</li>
padding: 20px; <li>Open your server’s <code>server.cfg</code> file. At the bottom, add these lines then restart your server:
background-color: #2a2a2a; <pre style="background: #1e1e1e; padding: 10px; border-radius: 4px; color: #eee; overflow-x: auto;">ensure ngd-Bridge
color: #fff;
font-size: 18px;
font-weight: bold;
margin-bottom: 30px;
">
<div>
Please follow this simple guide to install <span style="color: #fdd835;">NGD scripts</span>.
</div>
<div style="color: #4a90e2; font-size: 16px; margin-top: 5px;">
<strong>BE SURE TO WATCH THE VIDEO BELOW IF YOU NEED FURTHER INSTRUCTION</strong>
</div>
<div style="margin-top: 15px;">
<iframe width="100%" height="360" src="https://www.youtube.com/embed/g-iYc0wXeis"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
</div>
<!-- Instructions -->
<div style="font-size: 16px; line-height: 1.7;">
<strong>🛠️ MAKE SURE NGD-BRIDGE IS STARTED AFTER YOUR CORE RESOURCES!</strong>
<ol>
<li>Download all NGD resources from <a href="https://keymaster.fivem.net/" target="_blank">Keymaster</a> or <a href="https://portal.cfx.re/" target="_blank">CFX Portal</a>.</li>
<li>Create a folder called <code>[ngd]</code> inside your server's main resource folder.</li>
<li>Extract all your NGD resources into that folder <a href="https://files.fivemerr.com/images/7bf80a1a-f3e0-4892-adb2-76bb68d8da82.png" target="_blank">like shown</a>.</li>
<li>Open your server’s <code>server.cfg</code> file. At the bottom, add these lines then restart your server:
<pre style="background: #1e1e1e; padding: 10px; border-radius: 4px; color: #eee; overflow-x: auto;">ensure ngd-Bridge
ensure ngd-dj ensure ngd-dj
ensure [ngd]</pre> ensure [ngd]</pre>
</li> </li>
</ol> </ol>
<p><strong>Note:</strong> Skip <code>ngd-dj</code> if you didn’t receive it with your resources.</p> <p><strong>Note:</strong> Skip <code>ngd-dj</code> if you didn’t receive it with your resources.</p>
<p>Using CODEM Inventory? Click <a href="#">HERE</a> for additional setup instructions.</p> <p>Using CODEM Inventory? Click <a href="#">HERE</a> for additional setup instructions.</p>
<p><strong>Important:</strong> If your script includes items, make sure to add them to your framework/inventory along with all icons from the <code>img</code> folder!</p> <p><strong>Important:</strong> If your script includes items, make sure to add them to your framework/inventory along with all icons from the <code>img</code> folder!</p>
</div>
</div> </div>