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.

Invision navbar rollover

4 posters

Go down

Solved Invision navbar rollover

Post by TMP February 19th 2010, 10:55 pm

Hey guys,
I would like to have my navbar buttons become lighter when you roll over them. I searched and found this code:

Code:
ul.navlinks a img:hover {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

Only problem is that this doesn't work with Invision, can anyone give me the invision version?

Thanks
PS: Link to forum: http://2pacshakur.forum.st/index.htm
avatar
TMP
Forumember

Posts : 72
Reputation : 0
Language : English

Back to top Go down

Solved Re: Invision navbar rollover

Post by Lozu February 19th 2010, 11:48 pm

Try http://colorpowered.com/blend/blend/.
Regards,
Lozu
[center][url=http:


Last edited by MrMario on February 20th 2010, 12:04 am; edited 1 time in total (Reason for editing : Sig Removed)
Lozu
Lozu
Forumember

Posts : 96
Reputation : 0
Language : ENGLISH

Back to top Go down

Solved Re: Invision navbar rollover

Post by TMP February 20th 2010, 11:32 am

Lozu wrote:Try http://colorpowered.com/blend/blend/.
Regards,
Lozu
[center][url=http:
Thanks but that's not really what I want. I would like the color of my navbar icons to change to black & white when you roll over them Wink
avatar
TMP
Forumember

Posts : 72
Reputation : 0
Language : English

Back to top Go down

Solved Re: Invision navbar rollover

Post by ankillien February 20th 2010, 12:19 pm

Hello,

Please navigate to Admin CP > Display > COlors > CSS
Add this code there and submit...

Code:
a.mainmenu:hover img {
-khtml-opacity : 0.5;
filter : alpha(opacity=50);
opacity : 0.5;
}
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Solved Re: Invision navbar rollover

Post by TMP February 20th 2010, 12:32 pm

ankillien wrote:Hello,

Please navigate to Admin CP > Display > COlors > CSS
Add this code there and submit...

Code:
a.mainmenu:hover img {
-khtml-opacity : 0.5;
filter : alpha(opacity=50);
opacity : 0.5;
}
Thank you so much! It worked Smile
avatar
TMP
Forumember

Posts : 72
Reputation : 0
Language : English

Back to top Go down

Solved Re: Invision navbar rollover

Post by Sanket February 20th 2010, 1:47 pm

Since this thread appears to be solved, I will lock this thread and mark it as solved.
Invision navbar rollover 2j4t5a8

Sanket Smile
Sanket
Sanket
ForumGuru

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

Back to top Go down

Back to top

- Similar topics

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