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:52:57 +00:00 committed by DeLuce
parent 37d17248ea
commit 877e81bd06
1 changed files with 28 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
gettingstarted.html
View File

@ -2,7 +2,7 @@
title: Getting Started title: Getting Started
description: description:
published: true published: true
date: 2025-07-06T02:52:06.367Z date: 2025-07-06T02:52:56.782Z
tags: tags:
editor: code editor: code
dateCreated: 2025-06-08T03:06:31.460Z dateCreated: 2025-06-08T03:06:31.460Z
@ -16,47 +16,35 @@ dateCreated: 2025-06-08T03:06:31.460Z
<!-- Full Width Blue Line --> <!-- Full Width Blue Line -->
<hr style="border: none; border-top: 2px solid #4a90e2; margin: 0 0 30px 0;" /> <hr style="border: none; border-top: 2px solid #4a90e2; margin: 0 0 30px 0;" />
<!-- Centered Gray Box (Text + Video Centered) --> <!-- Video Box (Centered) -->
<div style=" <div style="text-align: center; margin-top: 20px;">
border: 1px solid #888; <div style="display: inline-block; border: 1px solid #888; border-radius: 8px; background-color: #2a2a2a; padding: 15px; text-align: center;">
border-radius: 8px; <div style="color: #fff; font-size: 16px; font-weight: bold; margin-bottom: 10px;">
padding: 20px; Please follow this simple guide to install <span style="color: #fdd835;">NGD scripts</span>.
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>
<div style="color: #4a90e2; font-size: 16px; margin-top: 5px;"> <div style="color: #4a90e2; font-size: 14px; margin-bottom: 10px;">
<strong>BE SURE TO WATCH THE VIDEO BELOW IF YOU NEED FURTHER INSTRUCTION</strong> <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>
<iframe width="560" height="315" src="https://www.youtube.com/embed/g-iYc0wXeis" frameborder="0" allowfullscreen></iframe>
</div>
</div> </div>
<!-- Left-Aligned Instructions (Separate Section) --> <!-- Instructions (Flush Left, near sidebar) -->
<div style="max-width: 800px; margin: 30px auto 0 auto; text-align: left;"> <div style="margin-top: 30px; padding-left: 30px; max-width: 900px;">
<strong>🛠️ MAKE SURE NGD-BRIDGE IS STARTED AFTER YOUR CORE RESOURCES!</strong> <p>🛠️ <strong>MAKE SURE NGD-BRIDGE IS STARTED AFTER YOUR CORE RESOURCES!</strong></p>
<ol> <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>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>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>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: <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 <pre style="background: #111; padding: 10px; border-radius: 6px; overflow-x: auto;">
ensure ngd-Bridge
ensure ngd-dj ensure ngd-dj
ensure [ngd]</pre> ensure [ngd]
</li> </pre>
</ol> </li>
<p><strong>Note:</strong> Skip <code>ngd-dj</code> if you didn’t receive it with your resources.</p> </ol>
<p>Using CODEM Inventory? Click <a href="#">HERE</a> for additional setup instructions.</p> <p><strong>Note:</strong> Skip <code>ngd-dj</code> if you didn’t receive it with your resources.</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>Using CODEM Inventory? Click <a href="#">HERE</a> for additional setup instructions.</p>
</div> <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>