The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Three Navigations Bars on your Forum

View previous topic View next topic Go down

Three Navigations Bars on your Forum

Post by Guest on Thu 25 Sep - 13:25

Three Navigations Bars on your Forum


3 Nav Bars - 1 Forum

As standard every forum has just the 1 navbar, It comes with text and a little standardized image next to it and if you add your own graphics into it you can achieve a really great navbar and look for your forum.



The only problem being that you can only add so many graphical buttons before it becomes messy

With this tuts you will be able to add two additional nav bars, 1 permanent shorter bar and 1 homepage bar that appears only on the main forum.

(The bars are just examples of different sizes and styles of bar you can have)



Permanent Nav Bar:
(The Top Silver Bar)

1. Log into your forum.

2. Navigate to:

Admin panel\Display\Colors\CSS Style Sheet

3. Add the following code into the blank box and press "Submit" to save

Code:
.second_nav {
        padding: 0 0 0 0;
        background-image: url('');
        border-color: transparent;
        width:98%;
        }

4. Navigate to:

Admin Panel\General\Configuration

5. Add the following code to "Site description * :" and press "Save"

Code:
<div class=second_nav><a href=http://www.url.com><img src=http://image.jpg></a></div>

***You can only add upto 5 links and image codes here, Use Tinyurl.com to shorten the url's

6. Refresh your forum and you should see the nav bar appear on the top of your original nav bar and will remain there no matter what page you go to.




Homepage Only Nav Bar:
(The Bottom Red One)

Follow the steps above through 1 - 3

4. Navigate to:

Admin Panel\Display\Generalities

5. Add the following code to "Message content :" and press "Save"

Code:
<center><div class=second_nav><a href=http://www.url.com><img src=http://image.jpg></a></center></div>

***You can add any amount of link and image codes here

6. Refresh your forum and you should see the nav bar appear below your original nav bar however when you deviate from the main forum page the bar will disappear.


regards

Craig


Guest
Guest


Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum