NamelessMC

[Tutorial] Custom animated navbar with brand logo!
Started by badbojus

badbojus

badbojus

Member
Contributor
Joined
15 Aug 2016
Topics
17
Posts
60
IGN
badbojus
This is custom animated navbar for your namelessmc website. This navbar was created and working propetly on
NamelessMC version 1.0.15
Running PHP 5.6.4-4ubuntu6.4
live example on www.stonerbros.org

 
NOTE! Navbar has custom navbar links, so you will need to add all your links manualy by editing navbar.tpl file.


Navbar has animated barand logo (pulse css animation).
Expanded navbar height to have bigger brand logo.
Custom navbar links with wobble-horizontal and wobble-vertical hover animations.

Intallation:
 
  1. upload custom_navbar folder with his contents to YOUR_ROOT_DIRECTORY.
  2. Go to styles/themes/YOUR_HEME/css/custom.css and add css code from the navbar_custom.css file you downloaded.
  3. go to styles/templates/YOUR_TEMPLATE and backup your navbar.tpl file. The last one upload navbar.tpl file you downloaded.
Download: Click here to download


That's it, pretty easy hah ?

Oh and don't forget to edit/create your new banner!!!

peace! badbojus.
x2
badbojus · over 3 years ago · Last edited: over 3 years ago
vJuggerz

vJuggerz

Member
Joined
17 Feb 2017
Topics
1
Posts
3
IGN
vJuggerz
How would i go about putting the logo there without the pulsing in the logo and the other links?
vJuggerz · over 3 years ago
Awtra

Awtra

Owner
Joined
12 Oct 2016
Topics
3
Posts
18
IGN
Awtra
Thanks!
With Regards,
Awtra
Awtra · over 3 years ago
Quatic

Quatic

Member
Joined
01 Apr 2017
Topics
0
Posts
1
IGN
Quatic
Where do you find the YOUR_ROOT_DIRECTORY?
Quatic · over 3 years ago
badbojus

badbojus

Member
Contributor
Joined
15 Aug 2016
Topics
17
Posts
60
IGN
badbojus
Quatic:
Where do you find the YOUR_ROOT_DIRECTORY?

This means main directory where your nameless installed.
badbojus · over 3 years ago · Last edited: over 3 years ago