ngddocs/gettingstarted.html

99 lines
4.1 KiB
HTML

<!--
title: Getting Started
description:
published: true
date: 2025-01-27T21:57:56.335Z
tags:
editor: code
dateCreated: 2025-01-27T20:50:39.270Z
-->
<h1 class="toc-header" id=""> <img alt="11f39c35-0150-4b61-b168-a61c673b9cce.png" src="/11f39c35-0150-4b61-b168-a61c673b9cce.png"></h1>
<br>
<div style="
border: 1px solid #888;
border-radius: 8px;
padding: 15px;
background-color: #2a2a2a; /* Gray background */
text-align: center; /* Center text horizontally */
color: #fff;
font-size: 20px;
font-weight: bold;
display: flex;
flex-direction: column;
justify-content: center; /* Center vertically */
height: 100px; /* Adjust height as needed */
line-height: 1.5;
">
Please follow this simple guide to install <span style="color: #fdd835;">NGD scripts</span>.<br>
<span style="color: #4a90e2; font-size: 16px;">
<strong>BE SURE TO WATCH THE VIDEO BELOW IF YOU NEED FURTHER INSTRUCTION</strong>
</span>
</div>
<br>
<div style="border: 1px solid #888;
border-radius: 8px;
padding: 15px;
background-color: #2a2a2a; /* Gray background */
color: #fff;
font-size: 18px;
font-weight: bold;">
<div style="display: flex; align-items: center;">
<span style="font-size: 24px; margin-right: 10px;">🛠️</span>
MAKE SURE NGD-BRIDGE IS STARTED AFTER YOUR CORE RESOURCES!
</div>
<ol style="padding-left: 20px; font-weight: normal; margin-top: 15px;">
<li>
Download all NGD resources from
<a class="is-external-link" style="color: #4a90e2; text-decoration: underline;" href="https://keymaster.fivem.net/">Keymaster</a>
or
<a class="is-external-link" style="color: #4a90e2; text-decoration: underline;" href="https://portal.cfx.re/">CFX Portal</a>.
</li>
<li>
Create a folder called <code style="background-color: #444; padding: 2px 4px; border-radius: 4px;">[ngd]</code> inside of your server's main resource folder.
</li>
<li>
Extract all of your NGD resources and put them in this folder
<a class="is-external-link" style="color: #4a90e2; text-decoration: underline;" href="https://files.fivemerr.com/images/7bf80a1a-f3e0-4892-adb2-76bb68d8da82.png">like shown</a>
(Please note - You may not have the resources shown.)
</li>
<li>
Open your server's <code style="background-color: #444; padding: 2px 4px; border-radius: 4px;">server.cfg</code> file. Towards the <b>bottom</b> of all your resources, put the following and then restart your server:
<pre style="background-color: #111; padding: 12px 15px; border-radius: 6px; color: #f1f1f1; margin: 10px 0; font-family: monospace; font-size: 16px;" v-pre="true">ensure ngd-Bridge
ensure ngd-dj
ensure [ngd] </pre>
<span style="font-size: 14px;">
Please Note - If you didn't receive <code style="background-color: #444; padding: 2px 4px; border-radius: 4px;">ngd-dj</code> with your resources, please don't put it in your server.cfg
</span>
</li>
</ol>
<p style="margin-top: 15px; font-weight: normal;">
Do you have CODEM Inventory? Click
<a style="color: #4a90e2; text-decoration: underline;" href="#">HERE</a>
to view the additional instructions when using this inventory.
</p>
<ul style="margin-top: 10px; font-weight: normal;">
<li>
<b>Does the readme of your script have items?</b> Make sure to add them into your framework or inventory, along with all of the inventory icons from the <code style="background-color: #444; padding: 2px 4px; border-radius: 4px;">'img'</code> folder!
</li>
</ul>
</div>
<br>
<div style="text-align: center; margin-top: 20px;">
</div>
<br>
<div style="text-align: center; margin-top: 5;">
<iframe
width="800"
height="600"
src="https://www.youtube.com/embed/g-iYc0wXeis?start=0"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</div>