Im trying to create rollover images for my navbar buttons. Each button hover image will be different.

What are the selectors in each one(Forum, Register, Profile etc)?


http://apexevolution.forumotion.com

Hello , you will find all in that post : https://help.forumotion.com/t119328-blue-hover-navbar

Ok now i have added new buttons, the bar is on 2 lines and there is no "force navbar to be on 1 line" option (i thought there would be) How can i force that?

Can you provide a link to your forum please?

Have you tried centering the navbar?

The link is in my opening post and the bar is set to centre. btw im still having trouble with the hover images

EDIT: When I enter images directly into the css after deleting images in the Headers and Navagation tab, I can see the name of the link (the "alt"(i think its the alt or name))

On your forum, the hover seems to be working fine. What is the problem? That all the images are not in one line? Well if the width of the image itself is too big, then it will go onto the next line probably. Decrease the width of the images then.

You havent seen the problem cause i set it back to how it was. The problem was in the edit I did in my previous post

Please provide the codes you added on your forum & also put them on your forum, so we see what the problem is.

Code:


 #i_icon_mini_index{width:144px;height:22px;background:url(http://i74.servimg.com/u/f74/18/06/14/84/001ind11.png) no-repeat 0 0;}
    #i_icon_mini_index:hover{width:144px;height:22px;background:url(http://i74.servimg.com/u/f74/18/06/14/84/101ind11.png) no-repeat 0 0;}
 
    #i_icon_mini_faq{width:144px;height:22px;background:url(http://i74.servimg.com/u/f74/18/06/14/84/th/008faq10.png) no-repeat 0 0;}
    #i_icon_mini_faq:hover{width:144px;height:22px;background:url(http://i74.servimg.com/u/f74/18/06/14/84/108faq10.png) no-repeat  0 0;}
   
#i_icon_mini_search{width:144px;height:22px;background:url(http://i74.servimg.com/u/f74/18/06/14/84/th/009sea10.png) no-repeat 0 0;}
    #i_icon_mini_search:hover{background:url(http://i74.servimg.com/u/f74/18/06/14/84/109sea10.png) no-repeat  0 0;}
   
#i_icon_mini_members{width:144px;height:22px;background:url(http://i74.servimg.com/u/f74/18/06/14/84/th/002mem10.png) no-repeat 0 0;}
    #i_icon_mini_members:hover{width:144px;height:22px;background:url(http://i74.servimg.com/u/f74/18/06/14/84/102mem10.png) no-repeat  0 0;}
   
#i_icon_mini_groups{width:144px;height:22px;background:url(http://i74.servimg.com/u/f74/18/06/14/84/th/003use10.png) no-repeat 0 0;}
    #i_icon_mini_groups:hover{width:144px;height:22px;background:url(http://i74.servimg.com/u/f74/18/06/14/84/103use10.png) no-repeat  0 0px;}
#i_icon_mini_profile{width:144px;height:22px;background:url(http://i74.servimg.com/u/f74/18/06/14/84/th/004edi10.png) no-repeat 0 0;}
    #i_icon_mini_profile:hover{width:144px;height:22px;background:url(http://i74.servimg.com/u/f74/18/06/14/84/104edi10.png) no-repeat  0 0;}
#i_icon_mini_message{width:144px;height:22px;background:url(http://i74.servimg.com/u/f74/18/06/14/84/th/005mes10.png) no-repeat 0 0;}
    #i_icon_mini_message:hover{width:144px;height:22px;background:url(http://i74.servimg.com/u/f74/18/06/14/84/105mes10.png) no-repeat 0 0;}

    #i_icon_mini_logout{width:144px;height:22px;background:url(http://i74.servimg.com/u/f74/18/06/14/84/th/010log10.png) no-repeat 0 0;}
    #i_icon_mini_logout:hover{width:144px;height:22px;background:url(http://i74.servimg.com/u/f74/18/06/14/84/110log10.png) no-repeat  0 0;}

http://apexevolution.forumotion.com/

As you can see the image sizes are all funny for some reason. I want them all the same size as the hover. But the index is working correctly

h and i got 2 custom buttons there too. How do i add them?

Image sizes are funny, because the actual image url size are varying.

About custom navigations, can you add a image first. I see only text there.

The roller images are the same dimension to the regular images so I dont know what is going on there.

I need to know what selectors to use for the custom images so I can add them to the style sheet

There are no selectors for the custom images that you add in the navigation bar.
https://help.forumotion.com/t105986-a-hover-on-a-custom-navigation-bar-button#691930
That would have probably worked, if the url were from the forum itself & not from youtube as it is on your forum currently.

Oh bummer.

As for the sizing, we managed to fix that just wish we could use the same effect on the custom links.

I was trying to find a fix, couldn't find one.