MyBB Community Forums

(2013-04-17, 07:02 AM)ALUXi33 Wrote: [ -> ]Is there anyway I can change it so the logo gets lighter when I hover over it, instead of the other way around?

Replied to your support thread.

Can I see the demo?

The logo at my site. Both applied.

(2013-04-17, 07:02 AM)ALUXi33 Wrote: [ -> ]Is there anyway I can change it so the logo gets lighter when I hover over it, instead of the other way around?

Yeah:

.myimg:hover {

opacity: 0.7;

}

The hover opacity seems to not be working for some reason?

http://edmcentral.net/index.php

Edit:
Also the 2nd effect has never worked for me.

I used this effect for two objects on my forum, main logo and 'back to top arrow' on my footer. When I change one the other does the same. Is their a way to seperate them so when I change one the other doesn't change as well?

}

#fadehover img {
opacity: 1;
-webkit-transition: opacity 500ms ease-out;
-o-transition: opacity 500ms ease-out;
-moz-transition: opacity 500ms ease-out;
transition: opacity 500ms ease-out;
}

#fadehover img:hover {
opacity: .3;
-webkit-transition: opacity 500ms ease-out;
-o-transition: opacity 500ms ease-out;
-moz-transition: opacity 500ms ease-out;
transition: opacity 500ms ease-out;
}

.repbutton {
color: white !important;
}

.postbit_content_classic {
  -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #D0D0D0; /* -moz-use-text-color #D0D0D0 #D0D0D0; */
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
}



#fadehover img {
opacity: 1;
-webkit-transition: opacity 500ms ease-out;
-o-transition: opacity 500ms ease-out;
-moz-transition: opacity 500ms ease-out;
transition: opacity 500ms ease-out;
}

#fadehover img:hover{
opacity: .3;
-webkit-transition: opacity 500ms ease-out;
-o-transition: opacity 500ms ease-out;
-moz-transition: opacity 500ms ease-out;
transition: opacity 500ms ease-out;
}

^^ Use separate classes.