Como eu fasso esse efeito?

5 participantes

Ir para baixo

Tópico resolvido Como eu fasso esse efeito?

Mensagem por baby toryama 03.05.13 22:00

Qual é minha questão:
Como eu fasso esse efeito que esta nos parceiros do meu forum? 
Como eu fasso esse efeito? VgvbHh8
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
baby toryama
****

Membro desde : 15/02/2012
Mensagens : 290
Pontos : 472

http://supersonicgamemaker.forumeiros.eu/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu fasso esse efeito?

Mensagem por baby toryama 03.05.13 22:21

up
baby toryama
baby toryama
****

Membro desde : 15/02/2012
Mensagens : 290
Pontos : 472

http://supersonicgamemaker.forumeiros.eu/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu fasso esse efeito?

Mensagem por News 03.05.13 23:11

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
News
News
****

Membro desde : 07/04/2013
Mensagens : 238
Pontos : 381

http://universalpixel.forum-pro.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu fasso esse efeito?

Mensagem por HermeS. 03.05.13 23:22

Olá,

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

Até mais. Piscada
HermeS.
HermeS.
****

Membro desde : 07/09/2012
Mensagens : 304
Pontos : 366

http://revolutioncheatsbr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu fasso esse efeito?

Mensagem por baby toryama 04.05.13 0:39

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

Membro desde : 15/02/2012
Mensagens : 290
Pontos : 472

http://supersonicgamemaker.forumeiros.eu/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu fasso esse efeito?

Mensagem por Isadora Dias 04.05.13 18:07

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;

}
avatar
Isadora Dias
****

Membro desde : 05/09/2011
Mensagens : 388
Pontos : 603

http://cistem-aperio.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu fasso esse efeito?

Mensagem por Sennior 04.05.13 18:43

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.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu fasso esse efeito?

Mensagem por baby toryama 04.05.13 20:12

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

Membro desde : 15/02/2012
Mensagens : 290
Pontos : 472

http://supersonicgamemaker.forumeiros.eu/forum

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos