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.

Navigation Bar Change on Hover

View previous topic View next topic Go down

In progress Navigation Bar Change on Hover

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

http://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
Forumember

Male Posts : 199
Reputation : 12
Language : English | CSS | HTML | BBCode | C++ | Javascript
Location : Alabama, USA

http://sg-rpg.forumotion.com/

Back to top Go down

In progress Re: Navigation Bar Change on Hover

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


Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: Navigation Bar Change on Hover

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

It's not working for my PHPBB2 forum.

Pendo
Forumember

Male Posts : 199
Reputation : 12
Language : English | CSS | HTML | BBCode | C++ | Javascript
Location : Alabama, USA

http://sg-rpg.forumotion.com/

Back to top Go down

In progress Re: Navigation Bar Change on Hover

Post by Nera. on 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.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: Navigation Bar Change on Hover

Post by Pendo on 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
Forumember

Male Posts : 199
Reputation : 12
Language : English | CSS | HTML | BBCode | C++ | Javascript
Location : Alabama, USA

http://sg-rpg.forumotion.com/

Back to top Go down

In progress Re: Navigation Bar Change on Hover

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

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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: Navigation Bar Change on Hover

Post by coco moco on 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
Forumember

Posts : 118
Reputation : 50
Language : English

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