2
HTML/CSS Minecraft Themed Template
n1k
UniCrownFail
Free Minecraft Website Template
Hey guys. I made a Minecraft themed website template for a friends server but thought I'd give it out to you guys to use as well.
It's written in Html and Css. It has a bit of Javascript too but you don't need to worry about that. I tried to make it as easy to modify as I could. I've added comments in many places for people who don't know how to write HTML.
The template comes with one page, a minecraft themed font and images.
Picture
It is tested and works with
- Firefox
- Chrome (Mobile Works too)
- Safari (Mobile works too)
- Internet Explorer 8 and up
- Opera (Mobile works too)
- Maxthon
It does not support IE6 or IE7 and never will. They are outdated browsers.
Demo
http://www.nick-b.ca/projects/HTML+CSS/McSite/
Download:
http://www.nick-b.ca/projects/HTML+CSS/McSite/download.zip
Edit: Fixed a few things and updated links
Edit 2: Switched domains
Hey guys. I made a Minecraft themed website template for a friends server but thought I'd give it out to you guys to use as well.
It's written in Html and Css. It has a bit of Javascript too but you don't need to worry about that. I tried to make it as easy to modify as I could. I've added comments in many places for people who don't know how to write HTML.
The template comes with one page, a minecraft themed font and images.
Picture
Click to reveal
It is tested and works with
- Firefox
- Chrome (Mobile Works too)
- Safari (Mobile works too)
- Internet Explorer 8 and up
- Opera (Mobile works too)
- Maxthon
It does not support IE6 or IE7 and never will. They are outdated browsers.
Demo
http://www.nick-b.ca/projects/HTML+CSS/McSite/
Download:
http://www.nick-b.ca/projects/HTML+CSS/McSite/download.zip
Edit: Fixed a few things and updated links
Edit 2: Switched domains
Create an account or sign in to comment.
35
1
How do I upload it? Do I put the zip file inside public_html? Or do I put everything inside the zip file into public_html?
EDIT: Also when I load the Website it doesn't show any of the background, just a whit background with text.
EDIT: Also when I load the Website it doesn't show any of the background, just a whit background with text.
1
I've made a version that gets the server's status with out the need of a server side language.
How? Javascript/jQuery
You can download my version here: http://edudek.org/jareds/minecraftTempl ... mplate.zip
And preview it here(Only difference is the status should be green as long as play.hivemc.com is up): http://edudek.org/jareds/minecraftTemplate/
Be sure to put your IP in on line 20.
Already have this template set up and don't want to restart?
Here is how you can add the code your self:
A little note: If the user browsing your site has javascript disabled it will always show it as offline. You can change class="offline" to class="online" to make it show it says it is online even with javascript disabled.
Feel free to PM me if you need help.
How? Javascript/jQuery
You can download my version here: http://edudek.org/jareds/minecraftTempl ... mplate.zip
And preview it here(Only difference is the status should be green as long as play.hivemc.com is up): http://edudek.org/jareds/minecraftTemplate/
Be sure to put your IP in on line 20.
Already have this template set up and don't want to restart?
Here is how you can add the code your self:
- On the end of line 15 press enter.
- Paste the following code(Be sure to put your IP in):
//Start jdf2's code:
var ip = "play.hivemc.com"; //Put your IP inside the double quotes ("").
$.get(
'http://www.corsproxy.com/' + //Using http://www.corsproxy.com/ due to the Same-Origin Policy. http://en.wikipedia.org/wiki/Same-origin_policy
'mcapi.sweetcode.de/api/v2/?status=1&ip='+ip,
function(response) {
if(response.status){
$('#serverStatus').attr("class", "online");
}
else{
$('#serverStatus').attr("class", "offline");
}
});
//End jdf2's code; - Now replace line 147 with the following code:
<h3>Server Status: </h3> <div id="serverStatus" class="offline"></div>
A little note: If the user browsing your site has javascript disabled it will always show it as offline. You can change class="offline" to class="online" to make it show it says it is online even with javascript disabled.
Feel free to PM me if you need help.
1
Download not working...
1
Yeah, sorry. Changed hosts and messed something up. It should be working now
1
Done! The sad thing is that the ip itself dont change color (took it back to black).
DL link: http://host.norhood.com/dl/download2.zip
Remember to put in your server ip and port on line 138!
http://gyazo.com/cc9d62e7c61d04cd1f2195a767641076.png
DL link: http://host.norhood.com/dl/download2.zip
Remember to put in your server ip and port on line 138!
http://gyazo.com/cc9d62e7c61d04cd1f2195a767641076.png
1
Im making a php version that check if the server is online of offline, and change the status automaticly
1
1
Nice, I wish there was more than one page
1
This is quite nice, is this your first website?
1
Thanks! It was one of my first back in 2012, yep. I've learned a lot more since back then and could probably do better if I wanted
That's awesome!
gorgonoffDone! The sad thing is that the ip itself dont change color (took it back to black).
DL link: http://host.norhood.com/dl/download2.zip
Remember to put in your server ip and port on line 138!
http://gyazo.com/cc9d62e7c61d04cd1f2195a767641076.png
That's awesome!
1
Looks great
1
DOWNLOAD LINK IS BROKEN!
PLEASE FIX! xD
PLEASE FIX! xD
1
Thanks, changed domain names and forgot to update this post. It's fixed now
1
You might want to use
Personally I think it looks better with simg...
[simg][/simg] in the spoiler with the picture instead of [img][/img]It goes from this
to this.
Personally I think it looks better with simg...
1
It does not support IE6 or IE7 and never will. They are outdated browsers.
actually IE7 is still considered to be a browser used by many people so most web development companies still have to try and code to make 'most' things work with it..
but nice simple template
1
This compatible with Xenforo?
1
You could link up the 'forum' tab to Xenforo, however this is a website, and needs to be hosted on a webserver.
1
Hi Will it work with Xampp/phpmyadmin
1
his code is pure html/css and javascript, as long as you have hosting space and a domain name (optional) you can upload the entire contents to the hosting server you have and it should show....
what you are mentioning are database management things and unless you include php to this template and a database to gather data there is no need for them
what you are mentioning are database management things and unless you include php to this template and a database to gather data there is no need for them
1
Hey, i saw this theme, and thought about making it easier to edit, and thought! since im making a cool website that i could use this website theme as a theme on it, pm if you want info
1
Error: Zip archive missing main_style.css
I think you'll find the problem.
I think you'll find the problem.
1
Hey, I am interested in downloading this template, but it looks as if the site was shut down. Is there another way for me to get the template?
- techkid6
- techkid6
1
Link is fine, I just downloaded it. GLHF
1
If you host a hamachi minecraft server you can download WAMP and set everything to default (localhost) and you should be able to access it with your hamachi ip (TOTALY TESTED).
1
Thank you soo much you really helped me, my website is now up and running using your template @ cheesecraft.herobo.com
1
No problem
1
Please post it or let me know if you make more of these awesome temates
1
Great template! How do we change the ticker text?
1
Nvm, found it in the html code!
1
the thing is i dont know how to upload it, i know it requires some sort of hosting.
1
Sign up here: 000webhost.com. They offer free website hosting. You will get a url like the one I used for hosting this template.
Once you sign up, go to file upload in the control panel they give you and upload the site you are going to use.
Once you sign up, go to file upload in the control panel they give you and upload the site you are going to use.
1
What's it do when you upload it? Do you get errors or will it just not display?
1
Hi n1k,
The Template is amazing and is very short code, i am an ok html coder whatever you want to call it but i can never upload my websites to a hosting site, can you plz help me my skype is CJOS100
i use coffecup html editor btw.
The Template is amazing and is very short code, i am an ok html coder whatever you want to call it but i can never upload my websites to a hosting site, can you plz help me my skype is CJOS100
i use coffecup html editor btw.
1
Uhh Quick question! im pretty new to using themes for websites could you tell me how to do it i learn easy and fast so it won't be much effort thanks in advance
1
It would be best to have a small knowledge of HTML but basically you would just need to edit the index.html file.
The parts you would want to edit are the links which would be found right under
To change the content text you would change stuff under
The text is just inside <p> ... </p>
If you need any help just ask! I'll try to make it as easy to understand as possible
Edit: Also, you will need hosting for the site.
Edit (2) : Here's a good tutorial on html http://w3schools.com/html/default.asp
The parts you would want to edit are the links which would be found right under
<div class="nav_bar"> and would look something like <a href="#">Home</a>. You would change the link which is currently just a #. So if you wanted to change it to minecraft.com you would change the code to <a href="http://www.minecraft.net"> Minecraft.net </a> To change the content text you would change stuff under
<div class="content"> .... </div> The text is just inside <p> ... </p>
If you need any help just ask! I'll try to make it as easy to understand as possible
Edit: Also, you will need hosting for the site.
Edit (2) : Here's a good tutorial on html http://w3schools.com/html/default.asp
