InícioEfeito hover nos botões
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Efeito hover nos botões
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 ?
se sim, como se faz ?
loberto- ***
- Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191 -
Mikáá- Hiper Membro
- Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014 -
Re: Efeito hover nos botões
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- ***
- Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191 -
Re: Efeito hover nos botões
por Mikáá 13.11.10 18:04
Sendo assim, esprimente o seguinte código:
Se o codigo em cima não der:
- 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áá- Hiper Membro
- Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014 -
Re: Efeito hover nos botões
por loberto 13.11.10 18:07
acho q esse continua sendo pro menu de navegação
loberto- ***
- Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191 -
Mikáá- Hiper Membro
- Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014 -
loberto- ***
- Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191 -
Mikáá- Hiper Membro
- Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014 -
loberto- ***
- Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191 -
Re: Efeito hover nos botões
por Needke 13.11.10 18:14
Boa tarde,
Para criar esse efeito, deverá seguir esses passos simples:
Painel de Controlo
Visualização Imagens e Cores Cores
Selecione a aba 'Folha de estilo CSS' e adicione esse código:
Att, Needke
Para criar esse efeito, deverá seguir esses passos simples:
Painel de Controlo
Visualização Imagens e Cores CoresSelecione 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- Hiper Membro
- Membro desde : 19/08/2009
Mensagens : 2761
Pontos : 4546
Re: Efeito hover nos botões
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 ?
e é td junto assim ?
loberto- ***
- Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191 -
Re: Efeito hover nos botões
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
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- Hiper Membro
- Membro desde : 19/08/2009
Mensagens : 2761
Pontos : 4546
Re: Efeito hover nos botões
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
o editar, citar, excluir e etc ficaram ótimos, mto obrigado
loberto- ***
- Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191 -
Jorge-J- *
- Membro desde : 07/11/2010
Mensagens : 45
Pontos : 58 -
Re: Efeito hover nos botões
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!
Convidad- Convidado
Re: Efeito hover nos botões
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:
https://ajuda.forumeiros.com/-t33364.htm
Att, Needke
Needke- Hiper Membro
- Membro desde : 19/08/2009
Mensagens : 2761
Pontos : 4546
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos