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.

A hover on a custom navigation bar button

View previous topic View next topic Go down

In progress A hover on a custom navigation bar button

Post by Thatoutlaw on March 13th 2012, 9:24 pm

I've added a new button to my navigation bar. My problem is that all of my standard navigation buttons have a hover. This is an example of the code I used to get the hover
Code:

#i_icon_mini_login{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Login.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Login.png) no-repeat  0 -44px;}

How do I modify this code to work with the new nonstandard button I've just added ?

Thatoutlaw
Forumember

Posts : 81
Reputation : 2
Language : english

http://Armedoutlawz.fourmotion.com

Back to top Go down

In progress Re: A hover on a custom navigation bar button

Post by Niko on March 14th 2012, 6:56 pm

Hi!

it depends on which button you added:
It is the forum button, the gallery, ecc. Mr. Green

Friendly,

Niko
Hyperactive

Male Posts : 2166
Reputation : 93
Language : English, French, Italian, Spanish, Latin

https://www.translationscloud.com/?utm_source=forumotion&utm

Back to top Go down

In progress Re: A hover on a custom navigation bar button

Post by Thatoutlaw on March 14th 2012, 10:55 pm

No,It's not one of the preset Html pages. I added a new Html page that I created by going to "html pages management" The button I added links to that page. I added a custom button by going to Display > Homepage > Headers & Navigation. The button I added to my html page is the on I want to put the hover on.

Thatoutlaw
Forumember

Posts : 81
Reputation : 2
Language : english

http://Armedoutlawz.fourmotion.com

Back to top Go down

In progress Re: A hover on a custom navigation bar button

Post by Mike on March 14th 2012, 11:40 pm

Link to where you're trying to use this button?

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

In progress Re: A hover on a custom navigation bar button

Post by Thatoutlaw on March 15th 2012, 1:24 am

This is the page I want the button to take me to:
http://armedoutlawz.forumotion.com/h1-ao-gear


This is the image I want to use:



I applied that link to my navigation bar as seen below:




Thank you for any help you can offer Smile

Thatoutlaw
Forumember

Posts : 81
Reputation : 2
Language : english

http://Armedoutlawz.fourmotion.com

Back to top Go down

In progress Re: A hover on a custom navigation bar button

Post by Thatoutlaw on March 15th 2012, 2:30 am

thanks for your help, The hover works but it doesn't show the entire picture(as seen below:


And yeah is is only one picture, That's because that's how the other buttons on my navigation bar works. the code I used on it (I believe) just moves the picture up 40px on a hover instead of changing the picture all together. But ether way works.

Here's an example of the code I used for the other buttons if it helps This code works with only one image.

Code:



#i_icon_mini_login{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Login.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Login.png) no-repeat  0 -44px;}

Thatoutlaw
Forumember

Posts : 81
Reputation : 2
Language : english

http://Armedoutlawz.fourmotion.com

Back to top Go down

In progress Re: A hover on a custom navigation bar button

Post by Thatoutlaw on March 15th 2012, 2:50 am

Same thing Sad still only shows the little box with not the full button

Thatoutlaw
Forumember

Posts : 81
Reputation : 2
Language : english

http://Armedoutlawz.fourmotion.com

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