The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

A hover on a custom navigation bar button

3 posters

Go down

In progress A hover on a custom navigation bar button

Post by Thatoutlaw 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 ?
avatar
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 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
Niko
Helper
Helper

Male Posts : 3100
Reputation : 244
Language : English, Italian, French
Location : Italy

https://www.fmcodes.net/

Back to top Go down

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

Post by Thatoutlaw 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.
avatar
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 March 14th 2012, 11:40 pm

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

Male Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado

Back to top Go down

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

Post by Thatoutlaw 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:
A hover on a custom navigation bar button Ao10


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

A hover on a custom navigation bar button Test110


Thank you for any help you can offer Smile
avatar
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 March 15th 2012, 2:30 am

thanks for your help, The hover works but it doesn't show the entire picture(as seen below:
A hover on a custom navigation bar button Show13

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;}
avatar
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 March 15th 2012, 2:50 am

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

Posts : 81
Reputation : 2
Language : english

http://Armedoutlawz.fourmotion.com

Back to top Go down

Back to top

- Similar topics

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