Check out this showcase video.
Categorization and Subcategories:
- Supports main categories and their subcategories.
- Dynamic content loading when clicking on a category or subcategory.
Animations:
- Animations for opening and closing the UI.
- Smooth transitions for expanding and collapsing categories.
Search Bar:
- Search functionality for categories and subcategories.
UI Settings:
- Ability to change text size.
- Toggle to show or hide the search bar.
- Selection from multiple fonts for the UI.
External Links:
- Open external links in a modal window with a close option.
- Doesn't work with all websites.
Images:
- Ability to display images in full screen when clicked.
Keyboard Shortcuts:
- Close the UI by pressing the Escape key.
Style and Design:
- Modern and clean design.
- Responsive and user-friendly interface.
- A working FiveM server.
- Basic knowledge of HTML, CSS, and JavaScript.
- Download and extract the project files to your FiveM resources directory.
- Open the
config.jsfile to customize the categories, subcategories, and other settings. - Add the resource to your server configuration file (
server.cfg) with the line:ensure sh-guidebook