Como eu fasso esse efeito?

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Como eu fasso esse efeito?

Mensagem por baby toryama em 03/05/13, 06:00 pm

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
avatar

baby toryama
Nível 10

Masculino
Inscrito dia : 15/02/2012
Mensagens : 290
Pontos Ativos : 472

Ver perfil do usuário http://supersonicgamemaker.forumeiros.eu/forum

Resolvido Re: Como eu fasso esse efeito?

Mensagem por baby toryama em 03/05/13, 06:21 pm

up
avatar

baby toryama
Nível 10

Masculino
Inscrito dia : 15/02/2012
Mensagens : 290
Pontos Ativos : 472

Ver perfil do usuário http://supersonicgamemaker.forumeiros.eu/forum

Resolvido Re: Como eu fasso esse efeito?

Mensagem por News em 03/05/13, 07:11 pm

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
avatar

News
Nível 9

Masculino
Inscrito dia : 06/04/2013
Mensagens : 238
Pontos Ativos : 381

Ver perfil do usuário http://universalpixel.forum-pro.net/

Resolvido Re: Como eu fasso esse efeito?

Mensagem por HermeS. em 03/05/13, 07:22 pm

Olá,

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

Até mais. Piscada
avatar

HermeS.
Usuário avançado

Masculino
Inscrito dia : 06/09/2012
Mensagens : 304
Pontos Ativos : 366

Ver perfil do usuário http://revolutioncheatsbr.forumeiros.com/

Resolvido Re: Como eu fasso esse efeito?

Mensagem por baby toryama em 03/05/13, 08:39 pm

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

baby toryama
Nível 10

Masculino
Inscrito dia : 15/02/2012
Mensagens : 290
Pontos Ativos : 472

Ver perfil do usuário http://supersonicgamemaker.forumeiros.eu/forum
  • 0

Resolvido Re: Como eu fasso esse efeito?

Mensagem por Isadora Dias em 04/05/13, 02:07 pm

Olá Muito feliz

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;

}

Isadora Dias
Usuário avançado

Feminino
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603

Ver perfil do usuário http://cistem-aperio.forumeiros.com

Resolvido Re: Como eu fasso esse efeito?

Mensagem por Sennior em 04/05/13, 02:43 pm

Saudações!

Aceda à tua "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta 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. Piscada

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como eu fasso esse efeito?

Mensagem por baby toryama em 04/05/13, 04:12 pm

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

baby toryama
Nível 10

Masculino
Inscrito dia : 15/02/2012
Mensagens : 290
Pontos Ativos : 472

Ver perfil do usuário http://supersonicgamemaker.forumeiros.eu/forum

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum