Efeito hover nos botões

Item: Efeito hover nos botões
Rating: 1

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 ?

por Mikáá 13.11.10 17:57

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

Até mais.

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.

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; }

por loberto 13.11.10 18:07

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

por Mikáá 13.11.10 18:08

Eu mudei as classes! Esprimente e diga algo!

por loberto 13.11.10 18:09

testei, n mudo nd Triste

por Mikáá 13.11.10 18:11

Esprimentou os 2 codiigos acima que lhe dei?

por loberto 13.11.10 18:12

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:

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

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 ?

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

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

por Jorge-J 15.11.10 1:51

este efeito serve para a versão Invision?

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!

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