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.

Navigation Bar Change on Hover

3 posters

Go down

In progress Navigation Bar Change on Hover

Post by Pendo July 28th 2011, 7:50 pm

https://help.forumotion.com/t92927-navigation-bar-change
I have PhpBB2, not PhpBB3. So what code would I use instead of the one used in this topic?

Much appreciated.
Pendo
Pendo
Forumember

Male Posts : 217
Reputation : 13
Language : English
Location : USA

http://lorecraft.forumotion.com/

Back to top Go down

In progress Re: Navigation Bar Change on Hover

Post by Nera. July 28th 2011, 10:26 pm

Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

In progress Re: Navigation Bar Change on Hover

Post by Pendo July 28th 2011, 11:57 pm

It's not working for my PHPBB2 forum.
Pendo
Pendo
Forumember

Male Posts : 217
Reputation : 13
Language : English
Location : USA

http://lorecraft.forumotion.com/

Back to top Go down

In progress Re: Navigation Bar Change on Hover

Post by Nera. July 29th 2011, 12:12 am

It works fine on phpBB2, here, touch the button next to home with your mouse -link removed
+ the topic you are looking is a topic where the boy did it on phpBB2.
Can you show me what you did? Where are you stuck?
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

In progress Re: Navigation Bar Change on Hover

Post by Pendo July 29th 2011, 1:28 am

I want when I hover over an image in the navbar for it to turn into another image. lol
Pendo
Pendo
Forumember

Male Posts : 217
Reputation : 13
Language : English
Location : USA

http://lorecraft.forumotion.com/

Back to top Go down

In progress Re: Navigation Bar Change on Hover

Post by Nera. July 29th 2011, 1:38 am

Than that topic is what you are looking for Smile
https://help.forumotion.com/t92156-navigation-bar-effect
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

In progress Re: Navigation Bar Change on Hover

Post by coco moco July 29th 2011, 2:08 am

If you don't make a sprite out of it, you will find it very laggy on first load. The second image won't show - it will just be blank - until you move the cursor back over it. Sprites do work on the navigation bar, although, buttons don't seem to respond at all.

A trick I've found that isn't laggy, is to increase the opacity on hover. You can apply it to lists, so navbars and all the buttons you want will work.

Furthermore, if you get the buttons to work as a sprite, and I never could, the opacity command cuts the sprite in half and makes things a lot faster.

I would highly recommend against using 2 images, though, unless you're using jscript, which will preload on the page opening (a sprite without spriting client side, but still with all the extra server requests).
coco moco
coco moco
Forumember

Posts : 118
Reputation : 50
Language : English

Back to top Go down

Back to top

- Similar topics

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