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.

Nav Bar 100% opacity when hover

View previous topic View next topic Go down

Nav Bar 100% opacity when hover

Post by The Pked on May 22nd 2010, 2:50 am

How do I make it so the opacity on my forum's navbar goes to 100% when I hover other it and like 70% when I'm not?

The Pked
Forumember

Male Posts : 187
Reputation : 0
Language : English

http://www.theigraphics.info/

Back to top Go down

Re: Nav Bar 100% opacity when hover

Post by Guest on July 27th 2010, 2:17 am

Make some changes with that, or try it as its now Very Happy

Code:
a.mainmenu{
filter:alpha(opacity=80);
-moz-opacity: .80;
opacity: .80;
  }
a.mainmenu:hover{
          filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
    }

Guest
Guest


Back to top Go down

Re: Nav Bar 100% opacity when hover

Post by CloverTea on August 11th 2010, 2:02 am

where do you put that code?

CloverTea
Forumember

Female Posts : 99
Reputation : 0
Language : English

http://clover.top-forum.net

Back to top Go down

Re: Nav Bar 100% opacity when hover

Post by boffer10 on August 11th 2010, 2:46 am

Put it in your CSS

AP>Display>Colors>CSS Stylesheet

boffer10
Forumember

Male Posts : 311
Reputation : 10
Language : english
Location : Go Seahawks!

http://squarefoot.creatingforum.com/

Back to top Go down

Re: Nav Bar 100% opacity when hover

Post by CloverTea on August 11th 2010, 3:04 am

I put it there, then hit submit and save...but nothing happened. Am I missing something?

This is a link to my forum:
http://clover.top-forum.net/forum.htm

I want the table cells to actually be semi transparent, then when hovered over turn completely white.

CloverTea
Forumember

Female Posts : 99
Reputation : 0
Language : English

http://clover.top-forum.net

Back to top Go down

Re: Nav Bar 100% opacity when hover

Post by boffer10 on August 11th 2010, 4:00 am

I tried Gangstar's code, and it worked for me.
This is my code that does the same thing; see if it works for you.

Code:
ul.linklist li a img {
filter:alpha(opacity=70);
-moz-opacity: 0.5;
opacity: 0.5;
}
ul.linklist li a img:hover  {
filter:alpha(opacity=100);
-moz-opacity: 2.0;
opacity: 1.9;
position: relative;
cursor:allowed;
}

here's what my code does to my nav bar:

EDIT: I looked at your forum again. Your nav bar has only text in it-not images. That's probably why the image opacity code doesn't work! Wink


Last edited by boffer10 on August 11th 2010, 4:05 am; edited 1 time in total

boffer10
Forumember

Male Posts : 311
Reputation : 10
Language : english
Location : Go Seahawks!

http://squarefoot.creatingforum.com/

Back to top Go down

Re: Nav Bar 100% opacity when hover

Post by CloverTea on August 11th 2010, 4:04 am

Oh..... Well you have pictures on your nav bar, mine is just a table cell with text links.

I'm specifically looking for it to make a hover effect on the categories like

"Forum Games"
"Advertising Section"

etc

CloverTea
Forumember

Female Posts : 99
Reputation : 0
Language : English

http://clover.top-forum.net

Back to top Go down

Re: Nav Bar 100% opacity when hover

Post by boffer10 on August 11th 2010, 4:06 am

Best to start a new topic-that's completely different.

boffer10
Forumember

Male Posts : 311
Reputation : 10
Language : english
Location : Go Seahawks!

http://squarefoot.creatingforum.com/

Back to top Go down

Re: Nav Bar 100% opacity when hover

Post by CloverTea on August 11th 2010, 4:13 am

Oh I thought maybe the general principal was the same. Still i'll start a new topic. Thanks anyway Very Happy

CloverTea
Forumember

Female Posts : 99
Reputation : 0
Language : English

http://clover.top-forum.net

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