Minecraft Blogs / Tutorial

How to get a fancy navbar for your enjin site.

  • 10,508 views, 1 today
  • 6
  • 2
  • 15
Aquanox's Avatar Aquanox
Level 24 : Expert Explorer
4
Any server owner would know, a giant gaming community creator that is used widely, enjin. Is very plain, but you ask yourself, Hey, How do these big sites like minecade and Swag-Craft have this really nice looking nav-bar thats on the top of the page all the time, there is one word for it, Bootstrap. Bootstrap is a open-source framework made by twitter, I am going to share a code you can edit and modify so you can have your own custom nav-bar!

Skill Level: Basic Comprehension of HTML.

The code follows as:


http://pastebin.com/f3t60saf


Okay, Now that you have to code, I am going to tell you now, anything in the code italiciced and underlined is customizable.

I have the basic presets for a minecraft server here, so you SHOULD be good on the links.

Now I am going to show you how to add it to your enjin site.

In your enjin ACP go to modules>create new module, when the overlay appears you need to click the "Content" button in the sidebar then press HTML

Once you do that name the module, "Navbar" or whatever you want.

Now go to the editing menu for the module you just made.

Once there on this whole thing press on the tabs of the editor "HTML Source"

Paste everything on the pastebin link to the text area

Save it. Now insert the module into the "Global Header" in a container with the following proporites:

Display Container Title: No
Display Container Theme: No
Display Container Footer: No
Footer Links Open New Window: No

Now you are all set to go! Enjoy!
CreditBootstrap
Tags

Create an account or sign in to comment.

1
03/24/2015 9:32 pm
Level 2 : Apprentice Network
ThinkMinecraft25
ThinkMinecraft25's Avatar
The Shop button doesn't work please help
1
03/25/2015 9:13 am
Level 2 : Apprentice Network
ThinkMinecraft25
ThinkMinecraft25's Avatar
I fixed it, but for everyone who is having this problem, around the bottom of the code replace the word Shop with Store
1
03/25/2015 11:08 am
Level 2 : Apprentice Network
ThinkMinecraft25
ThinkMinecraft25's Avatar
Diamond 4 u btw
1
10/28/2014 9:24 pm
Level 48 : Master Artist
DIMEJARA
DIMEJARA's Avatar
who to change de color?
1
07/05/2014 6:09 pm
Level 1 : New Miner
pistolsteven
pistolsteven's Avatar
I have 2 problems.
1. How do I make it so that the "Shop" button can go to my buycraft page instead of the enjin donation store? 
2. On the top right, the "Site Info" and "Admin" and all of that stuff is colliding in with the "Login or Register". How do I make it so that stuff (The Site info and Admin settings) are not colliding with the login and register?
1
07/15/2015 4:14 am
Level 2 : Apprentice Crafter
BigRVman1
BigRVman1's Avatar
Look at this I found a way!

Original:

<li><a href="/shop"><i class="navico-shopping-cart"></i> Shop</a></li>


After:
    <li><a href="DailyMiner.buycraft.net"><i class="navico-shopping-cart"></i> Shop</a></li>

So just replace the "/shop with "YOURLINKHERE.COMorNETorWhatever"><i class="navico-shopping-cart"></i> Shop</a></li>
1
10/22/2014 3:15 am
Level 11 : Journeyman Network
KentDMC
KentDMC's Avatar
Can you please give me your Source HTML? I will kindly help you out!
1
05/05/2014 6:57 am
Level 16 : Journeyman Toast
CubeTurtle
CubeTurtle's Avatar
Where do we disable twitter, ect?
1
06/03/2014 10:27 pm
Level 1 : New Miner
ALPHAmale23k
ALPHAmale23k's Avatar
You disable Twitter and other sharing site(s) in your website settings.
1
04/11/2014 4:25 pm
Level 10 : Journeyman Architect
GroundSnake4E
GroundSnake4E's Avatar
Hi, I have that done now! :D Is there a way I can make it so the Log In and Settings are not overlapping it?
Also would it be easy for me to change the navbar to a different color, and the highlight colors different too?
Planet Minecraft

Website

© 2010 - 2024
www.planetminecraft.com

Welcome