Hello!
This is a free portal design for your Minecraft server, all I ask of you is to keep the little brand at the bottom which says "Designed by Inwin1".
If you wish you could use https://code.visualstudio.com/ to make it easier editing the files or just use basic text.
DEMO: https://inwin1designs.com/Portal_1/index.html
I would also like to let you know, that if you are looking for a custom website design, you can hire me here: https://inwin1designs.com/
STEPS ON HOW TO EDIT THE TEMPLATE TO YOUR LIKING:
Most of the changes must be done in the "index.html" file, I will let you know when you need to edit the script file.
1. Changing logo:
Replace the following link with your logo, you could easily host the images with image hosting such as "Imgur"
2. Changing buttons
Here you can specify the navigation, you change the images of the buttons in the link areas displayed with red circles around them. You can do so to every link. To change the name, simply change the yellow area, you can do so in all the text areas.
3. Changing link to buttons
You can easily edit the links after the "a href=" in the red borders, add the URL to the different pages here.
4. Inserting your IP
Insert your server ip adress in the yellow parts in the "index.html" file
Then go to the "JS" map, and then go to "script.js" and open the file with an editor.
Insert your ip within the red circle, and then insert your port of the server in the yellow area (on the picture). PS! Don't insert your ip with port in the ip section!
Everything should now work!
If you stumble upon any issues, you can contact me here:
Website: https://inwin1designs.com/
Email: [email protected]
Additional information:
Images used in the current files are taken from https://pixabay.com/ and are allowed to be used in "Commercial use" as stated from the website. Either way, I am not selling this, and just using the images as examples.
APIs I used:
- Clipboard JS (to copy IP) https://clipboardjs.com/
- Alertify JS (to alert users that the ip has been copied) https://alertifyjs.com/
- MCAPI (to pull information regarding how many players there are online at the server) https://mcapi.us/
The rest is made by me.
Thank you for using my portal design!