FREE PORTAL DESIGN | Easily editable, with steps on how to do so 2019-06-10

No permission to download
Just a cool looking portal design for you minecraft server website!
01efd079742afdd6c6cabe5fe3ccfe49.gif

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:
upload_2019-6-10_1-0-53.png

Replace the following link with your logo, you could easily host the images with image hosting such as "Imgur"

2. Changing buttons
upload_2019-6-10_1-2-24.png

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
upload_2019-6-10_1-26-13.png

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
upload_2019-6-10_1-5-0.png

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.
upload_2019-6-10_1-6-31.png

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!
  • upload_2019-6-10_1-0-53.png
    upload_2019-6-10_1-0-53.png
    16.6 KB · Views: 1,363
  • upload_2019-6-10_1-2-24.png
    upload_2019-6-10_1-2-24.png
    39.1 KB · Views: 1,359
  • upload_2019-6-10_1-5-0.png
    upload_2019-6-10_1-5-0.png
    38.8 KB · Views: 1,355
  • upload_2019-6-10_1-6-31.png
    upload_2019-6-10_1-6-31.png
    18.4 KB · Views: 1,350
  • 01efd079742afdd6c6cabe5fe3ccfe49.gif
    01efd079742afdd6c6cabe5fe3ccfe49.gif
    2.6 MB · Views: 1,387
  • upload_2019-6-10_1-25-43.png
    upload_2019-6-10_1-25-43.png
    53.4 KB · Views: 29
  • upload_2019-6-10_1-26-13.png
    upload_2019-6-10_1-26-13.png
    56.2 KB · Views: 1,365

Latest reviews

I love how you go through the steps on how to use it for those of us who don't know how! Thank you!
Inwin1
Inwin1
No problem! Thanks for using the resource :D
Top
You need to upgrade!
Our dark style is reserved for our Premium members. Upgrade here.