64 lines
3.2 KiB
HTML
64 lines
3.2 KiB
HTML
<!--
|
||
title: Getting Started
|
||
description:
|
||
published: true
|
||
date: 2025-07-06T03:16:24.464Z
|
||
tags:
|
||
editor: code
|
||
dateCreated: 2025-06-08T03:06:31.460Z
|
||
-->
|
||
|
||
<!-- Centered Logo -->
|
||
<div style="text-align: center; margin-bottom: 20px;">
|
||
<img src="/11f39c35-0150-4b61-b168-a61c673b9cce.png" alt="Logo" style="max-width: 100%; height: auto;">
|
||
</div>
|
||
|
||
<hr style="border: none; border-top: 2px solid #4a90e2; margin-bottom: 30px;">
|
||
|
||
<!-- Video Box -->
|
||
<div style="background-color: #2a2a2a; border: 1px solid #555; border-radius: 8px; padding: 16px; margin: 0 auto 30px auto; width: 700px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);">
|
||
<div style="text-align: center;">
|
||
<div style="color: #fff; font-size: 18px; font-weight: bold; margin-bottom: 8px;">
|
||
Please follow this simple guide to install <span style="color: #fdd835;">NGD scripts</span>.
|
||
</div>
|
||
<p style="color: #4a90e2; font-size: 15px; margin-bottom: 12px; margin-top: 0;">
|
||
<strong>BE SURE TO WATCH THE VIDEO BELOW IF YOU NEED FURTHER INSTRUCTION</strong>
|
||
</p>
|
||
<iframe width="660" height="371" src="https://www.youtube.com/embed/g-iYc0wXeis" frameborder="0" allowfullscreen></iframe>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Instructions Box -->
|
||
<div style="background-color: #2a2a2a; border: 1px solid #555; border-radius: 8px; padding: 16px; margin: 0 auto 30px auto; width: 700px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);">
|
||
<div style="text-align: left; color: #e0e0e0; font-size: 15px;">
|
||
<p><strong>🛠️ MAKE SURE NGD-BRIDGE IS STARTED AFTER YOUR CORE RESOURCES!</strong></p>
|
||
<ol>
|
||
<li>Download all NGD resources from <a href="https://keymaster.fivem.net/" target="_blank" style="color: #4a90e2;">Keymaster</a> or <a href="https://portal.cfx.re/" target="_blank" style="color: #4a90e2;">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" style="color: #4a90e2;">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>
|
||
</ol>
|
||
|
||
<!-- Code Block (Slimmer) -->
|
||
<div style="background: #111; border: 1px solid #555; padding: 10px; border-radius: 6px; width: 400px; margin: 10px auto; text-align: left; font-family: monospace;">
|
||
<pre style="margin: 0;">
|
||
ensure ngd-Bridge
|
||
ensure ngd-dj
|
||
ensure [ngd]
|
||
</pre>
|
||
</div>
|
||
|
||
<p><strong>Note:</strong> Skip <code>ngd-dj</code> if you didn’t receive it with your resources.</p>
|
||
|
||
<!-- Bold Line with ">" -->
|
||
<p style="font-weight: bold; margin-left: 5px;">> Using CODEM Inventory? Click <a href="#" style="color: #4a90e2;">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>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Optional Footer Tip -->
|
||
<p style="font-size: 14px; color: #cccccc; text-align: center; margin-top: 30px; font-weight: bold;">
|
||
Need more help? <a href="https://discord.gg/AnXx2GVGcM" target="_blank" style="color: #4a90e2; text-decoration: none;">Join our Discord!</a>.
|
||
</p>
|