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.

Low opacity and higher opacity when mouse hover

View previous topic View next topic Go down

Solved Low opacity and higher opacity when mouse hover

Post by Luffy on Sun 24 Nov 2013, 20:38

I made a different thing in my posts and now the last topic informations i made them like this:


The think i want is:
As it is now to have opacity:0.5; and when hover to have opacity:0.9;.

The code i use in the css is:
CSS Stylesheet Code:

Code:
.stoixeiatelefteoythematos {
  border: 1px solid #cccacc;
padding: 3px 7px;
background: #ededed;
color: #000000;
box-shadow: inset 0 0 5px #cccacc;
border-radius: 2px;
   position:absolute;
   margin: -17px 0px 0px 440px;
font-size:11px;
}


Forum Version: PunBB
Forum adress

Luffy
Manager
Manager

Male Posts : 4236
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: Low opacity and higher opacity when mouse hover

Post by Ultron's Vision on Sun 24 Nov 2013, 20:57

Marios94 wrote:I made a different thing in my posts and now the last topic informations i made them like this:


The think i want is:
As it is now to have opacity:0.5; and when hover to have opacity:0.9;.

The code i use in the css is:
CSS Stylesheet Code:

Code:
.stoixeiatelefteoythematos {
 border: 1px solid #cccacc;
padding: 3px 7px;
background: #ededed;
color: #000000;
box-shadow: inset 0 0 5px #cccacc;
border-radius: 2px;
  position:absolute;
  margin: -17px 0px 0px 440px;
font-size:11px;
}


Forum Version: PunBB
Forum adress
Like this.

Code:
.stoixeiatelefteoythematos:hover {
 opacity: 0.9;
 fiter: alpha(opacity=90);
}
I provided a workaround for IE10 and less because somehow, IE has managed to not support CSS3 standards for far too long.

Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Solved Re: Low opacity and higher opacity when mouse hover

Post by Luffy on Sun 24 Nov 2013, 21:00

Thank you very much! It works!!

Solved!! Very HappyVery HappyVery Happy






Luffy
Manager
Manager

Male Posts : 4236
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: Low opacity and higher opacity when mouse hover

Post by SLGray on Sun 24 Nov 2013, 21:54

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36636
Reputation : 2440
Language : English
Location : United States

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