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
avatar
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
avatar
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
avatar
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.
avatar
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.
avatar
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
avatar
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2821
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