Here you will find all the necessary information about the resource: Portal Page v2 - Clean HTML Template
If you encounter any issues while modifying this resource, please open a ticket
in the customer account or join our discord server. Our team can offer help at any time so please do not hesitate to contact us.1. How can I edit the background of this resource?
By default, the background is a 1280x720px gif file. Changing it can be done either by replacing the default gif with one of your choice, or by replacing it with any image either .jpg or .png format. (You can find the file in ./img/
If you intend to change the background into an static image please follow the steps below carefully. 1.1
Find the repository ./css/
and open stylesheet.css
with any text editor. 1.2
Go to line 7
and replace 'background.gif'
with your file name and extension. (example: image.png
Use the key combination Ctrl+S
to save the file. Done!2. How do I change the website logo?
To change the logo, follow the steps below. 2.1
Find the repository ./img/
and upload your new logo (preferably .jpg or .png
) either with the name logo.png
or with another name followed by the chosen extension. *
If the new logo is called logo.png
you can stop here but if it has a different name, please follow the steps below. 2.2
In the main folder, open index.html
and find line 27
. Once you're there, replace 'logo.png'
with the your file name followed by the extension used. (example: newlogo.png
Use the key combination Ctrl+S
to save the file. Done!3. How do I change the server ip?
By default, the configuration provides information about the number of players connected to the mc.hypixel.net
. To change it, follow the steps below carefully. 3.1
In the main folder, find index.html
and open it with any text editor. 3.2
Go to line 32
and replace mc.hypixel.net
with your DNS or server IP. (If your server uses a custom port, change it.)
Here's an example: data-ip="mc.superhori.com" data-port="25565"
Replace the ip from the next line too.4. How do I change the buttons' link?
The buttons that come to the site, by default, do not hide any links with redirects to various sites. To add links, follow the steps below carefully. 4.1
with your favorite text editor and find line 38
. Here is the point wher buttons start. 4.2
and replace #
with your link. For example: href="https://superhori.com/resources"
To edit social media links, you need to find line 59
and use all informations available to step 4.2
If you want to add more buttons, you need to use FontAwesome v5's
To add more big buttons, you need to copy all content from lines 38-42
and paste after line 54
To add more social network buttons, you need to copy a line to choose from 59
and paste it after live 64
To delete a button, follow the steps above.
This page is constantly being edited according to user requirements. If you believe that other information that may help users is missing, please communicate it to us by a ticket on the site, a discounted ticket or at the email address firstname.lastname@example.org.