Tips to Enhance the Appearance of Your Server's Main Page

If you’re tired of seeing your server’s homepage look something like this and want to give it a makeover, you’re in the right place! This guide will walk you through some easy tips and tricks to improve the appearance of your server.


Are You Tired of Seeing Your Server Homepage Like This?

Well, here’s a solution to help spruce it up:

By following this guide, your server could look like this:


SERVER LOCAL

Follow this guide : SERVER LOCATION // Locale LIST!
image


Adding a Server Logo

You have two options when it comes to adding a server logo:

  1. PNG Image
  2. APNG Image (Requires a Platinum Subscription)

For PNG Images:

  1. Make sure the logo is 96x96 pixels.
  2. Ensure the file is a PNG.

Place the logo in your MAIN DIRECTORY (where your server.cfg file is located):

Next, open your server.cfg and add this line to load your server logo:

load_server_icon logo.png

(Note: You can name the logo whatever you want, just replace “logo” with your desired name.)

After this, restart your server and you’ll see the new logo!

Using an APNG Instead of a PNG

For APNG, the image needs to be 96x96 and under 500 KiB. Don’t forget, this requires a Platinum Subscription.


Setting Up Server Banners

Adding a banner to your server is simple! The recommended banner dimensions are 1865x108.

To host your banner, avoid using Imgur (it doesn’t work). Instead, try using:

Upload your banner to one of these services, and then add the following lines to your server.cfg:

sets banner_connecting "REPLACE" -- Banner shown while connecting
sets banner_detail "REPLACE" -- Banner shown on the server page

Replace REPLACE with the URL of your banner, like this:

sets banner_connecting "https://i.postimg.cc/k4WZdm81/standard.gif"
sets banner_detail "https://i.postimg.cc/k4WZdm81/standard.gif"

Restart your server, and you’ll see your new banner in place!


Customizing Server Name Colors

Changing your server name’s color is a simple process. Use the following chart for color codes:

SYMBOL & NUMBER COLOR
^0 White
^1 Red
^2 Green
^3 Yellow
^4 Blue
^5 Light Blue
^6 Purple
^7 White
^8 Orange
^9 Grey

For example:

sv_hostname "^1WHITE ^6Purple" 

This will make the WHITE part white and the Purple part purple.


Adding Five Social

Five Social allows you to attach a public activity feed to your server.

Get Five Social Here

After you’ve signed up and been approved, add the following line to your server.cfg to attach the feed:

sets activitypubFeed YOUR_AT_HERE@fivem.social

This will display activity updates on your server’s page.


Adding Information to the Server List

To add custom information to your server’s list, use this format in your server.cfg:

sets "NAME" "INFORMATION"

Example:

sets "Jobs" "Lumberjack | Electrician | Builder | Grouppe sechs | Garbage | Illegal Business & Much More!!"
sets "Departments" "San Andreas State Police (SASP) | San Andreas EMS (SAMES) | Los Santos Department Of Transport (LSDOT) | Department Of Justice (DOJ)"
sets "Server Type" "Serious Roleplay (Not a 100k or die, Gang-based, or vMenu server)"

Feel free to use this section to display anything you’d like, such as server features, job listings, or information about the server owners.


And that’s it! You now have a cleaner, more appealing server homepage. Enjoy! :smile:

7 Likes

Kudos to you for being supportive of your community! :heart:

1 Like