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 Hover Effect

View previous topic View next topic Go down

Solved Navigation Hover Effect

Post by JAN2XONLINE on January 18th 2013, 10:14 am

See this forum: CLICK HERE!

I like the hovering effect on navigation picture. Is it possible here in forumotion to do that? If it is, can you teach me how? groar

JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

Solved Re: Navigation Hover Effect

Post by Akkii on January 18th 2013, 10:17 am

They are using Forumotion too.
Between check this , maybe it will help.
http://help.forumotion.com/t91142-hover-nav-barsrep-asap?highlight=Hover

Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: Navigation Hover Effect

Post by JAN2XONLINE on January 18th 2013, 10:23 am

Hi
Remove your navigations out of Admin panel and add them all
through CSS. Also go to Display >> Headers and navigations
>> Display only images in nav bar: YES

Do this for the static image:
CODE: ----------SELECT CONTENT
#i_icon_mini_index {
background-image: url('IMAGE LINK GOES HERE');
width: XYpx;
height: XYpx;
}


And than this for hover:
CODE: ----------SELECT CONTENT
#i_icon_mini_index:hover {
background-image: url('IMAGE HOVER LINK GOES HERE');
width: XYpx;
height: XYpx;
}


Do it for all navigations, just change the end of #i_icon_mini

Like this:
_portal {
_portal:hover {

This is for the rest of navigations:
_profile
_calendar
_gallery
_message
_new_message
_register
_login
_logout
_search
_faq

I don't get what she said here: "Remove your navigations out of Admin panel and add them all
through CSS. I don't even have hover images. groar

JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

Solved Re: Navigation Hover Effect

Post by Akkii on January 18th 2013, 10:30 am

SHe means to remove all the images you have in Pics management > Advanced Mode > That are associate with Navigation.
You can request images here on Graphics Requests.

Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: Navigation Hover Effect

Post by JAN2XONLINE on January 18th 2013, 10:38 am

@Akkii wrote:SHe means to remove all the images you have in Pics management > Advanced Mode > That are associate with Navigation.
You can request images here on Graphics Requests.

Ohh, okay. Big thanks! I'll just ask them to make something like that.

JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

Solved Re: Navigation Hover Effect

Post by Sanket on January 18th 2013, 7:46 pm

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.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