Como eu fasso esse efeito?

[baby toryama]

Qual é minha questão:
Como eu fasso esse efeito que esta nos parceiros do meu forum? 

quando agente poe o mause ele fica normal quando agente tira ele fica mas claro,eu queria por esse efeito nos botoes indice,portal,faq,pesquisar,etc....queria por esse efeito nesses botoes de cima

Endereço do meu fórum:
http://supersonicgamemaker.forumeiros.eu

Versão do fórum:
INVISION

[baby toryama]

up

[News]

eu sei mais n ta entrando no seu forum axo q me baniram eu so o neon o lendario se poder deixa eu entra eu poso aruma ate

[HermeS.]

Olá,

Favor queira checar este tutorial:
https://ajuda.forumeiros.com/t78602-

Até mais.

[baby toryama]

Acho que esse codigo nao pega em invision ja que o topico nao menciona invision

[Isadora Dias]

Olá

Ok, para fazer algo do tipo você precisará de CSS.

O modo hover é quando você passa o mouse em cima do objeto (no caso as imagens de parceiros) e ele muda algum atributo. Por exemplo ali, ele muda a opacidade, antes as imagens estavam mais opacas, quando você passa o mouse em cima (modo hover) elas ficam menos opacas.
Para fazer isso é fácil, caso você entenda um pouco de CSS, será simples:

No caso dos botões do menu:

Normal:

Código:

#submenu ul li a img {

filter:alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;

}

Hover:

Código:

#submenu ul li a img:hover {

filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;

}

Observe que os atributos mudaram

Antes: "filter:alpha(opacity=40);"
Depois:"filter:alpha(opacity=100);"

---

Antes: "-moz-opacity: 0.4;"
Depois: "-moz-opacity: 1.0;"

---

Antes: "opacity: 0.4;"
Depois: "opacity: 1.0;"

Enfim, eu tentei explicar um pouco antes, mas caso não tenha entendido é só colocar o código do teu gosto:

Do mais opaco pro normal:

Código:

#submenu ul li a img:hover {

filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

#submenu ul li a img {

filter:alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;

}

Do normal pro mais opaco:

Código:

#submenu ul li a img:hover {

filter:alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;

}

#submenu ul li a img {

filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;

}

[Sennior]

Saudações!

Aceda à tua "Folha de Estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

a {
-moz-transition-duration: .8s;
-o-transition-duration: .8s;
-webkit-transition-duration: .8s;
font-family: Oxygen, sans-serif;
text-decoration: none!important;
transition-duration: .8s;
}
a:hover {
color: #4876FF;
cursor: url(http://img24.imageshack.us/img24/7129/glovecursor.png), url(http://img24.imageshack.us/img24/7129/glovecursor.png), auto;
text-shadow: 0 0 10px red;
}

Valide.

Até mais.

[baby toryama]

valeu Isadora Dias.era isso mesmo que eu queria no menu