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.

Missing Navbar Buttons

View previous topic View next topic Go down

Solved Missing Navbar Buttons

Post by Kelstrom on March 11th 2013, 12:35 am

I used this script to make a Rollover navbar:

Code:

/* Rollover Navbar */

#i_icon_mini_index {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }
#i_icon_mini_index:hover {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }

#i_icon_mini_profile {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }
#i_icon_mini_profile:hover {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }

#i_icon_mini_message {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }
#i_icon_mini_message:hover {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }

#i_icon_mini_new_message {
   background-image: url(image url");
   width: 90px;
   height: 31px;
   }
#i_icon_mini_new_message:hover {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }

#i_icon_mini_logout {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }
#i_icon_mini_logout:hover {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }

But it only shows 3 of the buttons. It does not show the "Index" (Forum) button. and I still need to add other.

See here: 3valliance.englishboards.com

Thanks in advance for any help on this matter.


Last edited by Kelstrom on March 11th 2013, 12:41 am; edited 2 times in total

Kelstrom
New Member

Posts : 24
Reputation : 1
Language : English

Back to top Go down

Solved Re: Missing Navbar Buttons

Post by Sir Chivas™ on March 11th 2013, 12:38 am

first of all is that your correct URL? It doesn't want to open for me.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Missing Navbar Buttons

Post by Kelstrom on March 11th 2013, 12:42 am

it is now, sorry I forgot the s at the end of englishboards.

Kelstrom
New Member

Posts : 24
Reputation : 1
Language : English

Back to top Go down

Solved Re: Missing Navbar Buttons

Post by Kelstrom on March 11th 2013, 1:06 am

A quick update, I added the members button and it went on fine. I wonder, am I using the right pointer for the other buttons?

ie. #i_icon_mini_index

Kelstrom
New Member

Posts : 24
Reputation : 1
Language : English

Back to top Go down

Solved Re: Missing Navbar Buttons

Post by Sir Chivas™ on March 11th 2013, 1:09 am

Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!

Try adding the rest, you're having issues just with the index, correct?



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Missing Navbar Buttons

Post by Kelstrom on March 11th 2013, 1:11 am

yes that is correct, I will add the others and repost the finished code.

Kelstrom
New Member

Posts : 24
Reputation : 1
Language : English

Back to top Go down

Solved Re: Missing Navbar Buttons

Post by Kelstrom on March 11th 2013, 1:30 am

ok all the buttons are added but I am still missing

Index and Gallery

Code:


#i_icon_mini_index {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }
#i_icon_mini_index:hover {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }

#i_icon_mini_calendar {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }
#i_icon_mini_calendar:hover {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }

#i_icon_mini_gallery {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }
#i_icon_mini_gallery:hover {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }

#i_icon_mini_portal {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }
#i_icon_mini_portal:hover {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }

#i_icon_mini_faq {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }
#i_icon_mini_faq:hover {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }

#i_icon_mini_search {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }
#i_icon_mini_search:hover {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }

#i_icon_mini_members {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }
#i_icon_mini_members:hover {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }

#i_icon_mini_groups {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }
#i_icon_mini_groups:hover {
   background-image: url(image url");
   width: 90px;
   height: 31px;
   }

#i_icon_mini_profile {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }
#i_icon_mini_profile:hover {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }

#i_icon_mini_message {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }
#i_icon_mini_message:hover {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }

#i_icon_mini_new_message {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }
#i_icon_mini_new_message:hover {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }

#i_icon_mini_logout {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }
#i_icon_mini_logout:hover {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }

#i_icon_mini_login {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }
#i_icon_mini_login:hover {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }

#i_icon_mini_register {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }
#i_icon_mini_register:hover {
   background-image: url("image url");
   width: 90px;
   height: 31px;
   }


I have tried

#i_icon_mini_home
#i_icon_mini_forum

I don't know what else it would be under.

Kelstrom
New Member

Posts : 24
Reputation : 1
Language : English

Back to top Go down

Solved Re: Missing Navbar Buttons

Post by Kelstrom on March 11th 2013, 2:06 am

I am so bugged about this. I have checked, double checked, and rechecked again. This should be working, Every post I have found here pertaining to this topic all write it out as

#i_icon_mini_index

that is what I have, it just does not want to show for me. and it is scripted exactly as the other ones that do work.

Kelstrom
New Member

Posts : 24
Reputation : 1
Language : English

Back to top Go down

Solved Re: Missing Navbar Buttons

Post by Kelstrom on March 11th 2013, 2:25 am

SOLVED!

The script in your CSS has to coincide with your Display -> headers and navigation. I just moved the index page in my script below the portal and now it works fine.

Kelstrom
New Member

Posts : 24
Reputation : 1
Language : English

Back to top Go down

Solved Re: Missing Navbar Buttons

Post by Sir Chivas™ on March 11th 2013, 2:40 am

Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead! Second reminder.

Topic Solved & Locked



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

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