Efeito hover nos botões

4 participantes

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

Tópico resolvido Efeito hover nos botões

Mensagem por loberto 13.11.10 17:38

da pra fazer efeito hover onde aparece novo tópico, citação, excluir tópico, responder, etc ?
se sim, como se faz ?
loberto

loberto
***

Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191

http://strung-city.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nos botões

Mensagem por Mikáá 13.11.10 17:57

Olá!
Peço que leia o seguinte tópico:
Efeito Hover

Até mais.
Mikáá

Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nos botões

Mensagem por loberto 13.11.10 17:59

foi eu q criei esse tópico, ele é do efeito hover na navegação, eu qria ver se da nas imagens do novo tópico, excluir mensagem, citação e etc.
loberto

loberto
***

Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191

http://strung-city.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nos botões

Mensagem por Mikáá 13.11.10 18:04

Sendo assim, esprimente o seguinte código:

Código:
#profile-icons {
background-image: url(http://i60.servimg.com/u/f60/15/70/05/80/portal15.png);
padding: 30px 80px;
background-repeat: no-repeat;
}

#profile-icons:hover {
background-image: url(http://i60.servimg.com/u/f60/15/70/05/80/portal17.png);
padding: 30px 80px;
background-repeat: no-repeat;
}

Se o codigo em cima não der:

Código:
#ul.profile-icons {
background-image: url(http://i60.servimg.com/u/f60/15/70/05/80/portal15.png);
padding: 30px 80px;
background-repeat: no-repeat;
}

#ul.profile-icons:hover {
background-image: url(http://i60.servimg.com/u/f60/15/70/05/80/portal17.png);
padding: 30px 80px;
background-repeat: no-repeat;
}
Mikáá

Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nos botões

Mensagem por loberto 13.11.10 18:07

acho q esse continua sendo pro menu de navegação
loberto

loberto
***

Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191

http://strung-city.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nos botões

Mensagem por Mikáá 13.11.10 18:08

Eu mudei as classes! Esprimente e diga algo!
Mikáá

Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nos botões

Mensagem por loberto 13.11.10 18:09

testei, n mudo nd Triste
loberto

loberto
***

Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191

http://strung-city.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nos botões

Mensagem por Mikáá 13.11.10 18:11

Esprimentou os 2 codiigos acima que lhe dei?
Mikáá

Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nos botões

Mensagem por loberto 13.11.10 18:12

sim
loberto

loberto
***

Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191

http://strung-city.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nos botões

Mensagem por Needke 13.11.10 18:14

Boa tarde,

Para criar esse efeito, deverá seguir esses passos simples:
Painel de Controlo Seta Visualização Seta Imagens e Cores Seta Cores
Selecione a aba 'Folha de estilo CSS' e adicione esse código:

Código:
#one {
filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;
}
#one:hover {
filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; cursor:allowed;
}

#i_reply {
filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;
}
#i_reply:hover {
filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; cursor:allowed;
}

.i_icon_quote {
filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;
}
.i_icon_quote:hover {
filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; cursor:allowed;
}

.i_icon_edit {
filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;
}
.i_icon_edit:hover {
filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; cursor:allowed;
}

.i_icon_delete {
filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;
}
.i_icon_delete:hover {
filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; cursor:allowed;
}

.i_icon_ip {
filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;
}
.i_icon_ip:hover {
filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; cursor:allowed;
}

Att, Needke


Última edição por Needke em 13.11.10 18:26, editado 1 vez(es)
Needke

Needke
Hiper Membro

Membro desde : 19/08/2009
Mensagens : 2761
Pontos : 4546

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nos botões

Mensagem por loberto 13.11.10 18:19

e onde eu coloco a imagem q vai aparecer qdo o mouse passar em cima ?
e é td junto assim ?
loberto

loberto
***

Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191

http://strung-city.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nos botões

Mensagem por Needke 13.11.10 18:33

Exactamente, deverá adicionar esse código assim!
Nesse caso, será trabalhado com o efeito de opacidade nas imagens!

Caso deseja outro estilo, veja nesse tópico, resolve?
https://ajuda.forumeiros.com/-t33364.htm

Att, Needke
Needke

Needke
Hiper Membro

Membro desde : 19/08/2009
Mensagens : 2761
Pontos : 4546

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nos botões

Mensagem por loberto 15.11.10 1:46

opa, ficou ótimo, só falta o do novo tópico e o responder, mas esses eu vou querer com mudando de imagem qdo o mouse passa em cima, se vc conseguir, no lugar onde coloca o link da imagem coloca "LINK" ou coisa assim ok ?
o editar, citar, excluir e etc ficaram ótimos, mto obrigado
loberto

loberto
***

Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191

http://strung-city.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nos botões

Mensagem por Jorge-J 15.11.10 1:51

este efeito serve para a versão Invision?
Jorge-J

Jorge-J
*

Membro desde : 07/11/2010
Mensagens : 45
Pontos : 58

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nos botões

Mensagem por Convidad 15.11.10 2:55

Jorge-J escreveu:este efeito serve para a versão Invision?

Olá boa noite,

Sim, este código funciona na versão invision, eu testei pessoalmente e funcionou. Se não me engano, as classes são as mesmas ou parecidas para todas as versões.

Espero ter lhe ajudado, até mais!
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nos botões

Mensagem por Needke 17.11.10 21:51

loberto escreveu:opa, ficou ótimo, só falta o do novo tópico e o responder, mas esses eu vou querer com mudando de imagem qdo o mouse passa em cima, se vc conseguir, no lugar onde coloca o link da imagem coloca "LINK" ou coisa assim ok ?
o editar, citar, excluir e etc ficaram ótimos, mto obrigado

Boa noite novamente,

Por favor, veja se esse tópico resolve a sua questão: Piscada
https://ajuda.forumeiros.com/-t33364.htm

Att, Needke
Needke

Needke
Hiper Membro

Membro desde : 19/08/2009
Mensagens : 2761
Pontos : 4546

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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