Navigation Bar Hover

Go down

Solved Navigation Bar Hover

Post by Ellianna17 on August 21st 2015, 11:02 am

Hi,

I am making a theme for my website, and I am in need for codes for the hover effects to be applied on the navigation bar of my forum. I was thinking of making its opacity set to 0.7, then it gains its original opacity when it is hovered over. The information about my website is located on my profile.

Thank you in advance for your assistance!

Titania


Last edited by Titania on August 21st 2015, 11:29 am; edited 1 time in total
avatar
Ellianna17
Forumember

Female Posts : 539
Reputation : 126
Language : English, Filipino, and Basic Spanish

http://winxclub.site-forums.com

Back to top Go down

Solved Re: Navigation Bar Hover

Post by Ange Tuteur on August 21st 2015, 11:07 am

Hello @Titania,

The following CSS rules should help you achieve this. You can add them under Display > Colors > CSS stylesheet.
Code:
a.mainmenu { opacity:0.7 }
a.mainmenu:hover { opacity:1 }

The first rule is the default state and the second rule is the hover state.
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Navigation Bar Hover

Post by Ellianna17 on August 21st 2015, 11:29 am

It sure did worked! Thanks once again, @Ange Tuteur!
avatar
Ellianna17
Forumember

Female Posts : 539
Reputation : 126
Language : English, Filipino, and Basic Spanish

http://winxclub.site-forums.com

Back to top Go down

Solved Re: Navigation Bar Hover

Post by Ange Tuteur on August 21st 2015, 12:43 pm

You're welcome ^^

Topic archived

Have a nice day. Very Happy
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top


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