Botões em efeitos hover com CSS

Qual é minha questão:
Olá pessoal,

Consegui um código, acho que aqui mesmo no fórum, que aplica um efeito de opacidade nos botões Citar, Editar, Excluir e IP. A questão é que gostaria dele aplicado em todos os botões (quando digo todos, me refiro àqueles que posso controlar no painel de controle - aba Botões).

Se for de ajuda, o código é o seguinte:

Código:

.post-options img:hover {
opacity: 0.7;
}


.posting img:hover {
opacity: 0.9;
}


Endereço do meu fórum:
http://landofhaeron.forumeiros.com

Versão do fórum:
PHPBB2

Olá,

Adicione em sua folha CSS:

Código:


.nav img:hover {
opacity: 0.7; 
}
.profile-icon img:hover {
opacity: 0.7; 
}


Cordiais Saudações;
Alex!

Olá!

Use este CSS:

Código:

.mainmenu img:hover {
opacity : 0.7 !important;
}

Hancki

Alex Habilidade escreveu:Olá,

Adicione em sua folha CSS:

Código:


.nav img:hover {
opacity: 0.7;  
}
.profile-icon img:hover {
opacity: 0.7;  
}


Cordiais Saudações;
Alex!

Olá Alex,

O seu código funcionou parcialmente, ele afetou os botões Novo Tópico, Responder, Enviar MP e Ver Perfil. Ainda faltam alguns, eu fiz uma montagem do painel de controle, onde são exibidos exatamente os botões que eu gostaria de ter o efeito hover (com o exceção do 'online', que me esqueci de tirar). A lista pode ser visualizada aqui.

Obrigado,
Kvothe

Hancki escreveu:Olá!

Use este CSS:

Código:

.mainmenu img:hover {
opacity : 0.7 !important;
}

Hancki

Olá Hancki,

Seu código afetou o menu de navegação. Na verdade eu me referia a estes botões (com exceção apenas do 'online').

Obrigado,
Kvothe

Olá,

Pelo que observei falta somente colocar as opacidades em: Postar uma MP, Caixa de Entrada,
Mensagens Enviadas, Caixa de Envio, Arquivos;
Adicione em sua folha CSS:

Código:


IMG#i_msg_inbox:hover {
opacity: 0.7!important;  
}
IMG#i_msg_sentbox:hover{
opacity: 0.7!important;  
}
IMG#i_msg_outbox:hover{
opacity: 0.7!important;  
}
IMG#i_msg_savebox:hover {
opacity: 0.7!important;  
}
IMG#i_icon_pm:hover {
opacity: 0.7!important;  
}


Cordiais Saudações;
Alex!

Olá Alex,

Ainda faltam três: Homepage, twitter e facebook.

Até mais!
Kvothe

Olá,

Adicione em sua Folha CSS:

Código:


.field_uneditable img:hover {
opacity: 0.7!important; 
}
.gen ajax-profil_parent img:hover {
opacity: 0.7!important; 
}


Cordiais Saudações;
Alex!

Não resultou amigo..

UP

Olá,

Adicione em sua folha CSS:

Código:


.row1.messaging.gensmall img:hover {
opacity: 0.7!important;
}


Cordiais Saudações;
Alex!

Funcionou muito bem! Só há uns detalhes, mas creio que eu mesmo poderia arrumar. Gostaria de saber como você consegue saber qual é a "class" correspondente a cada botão. Há algum lugar onde se possa consultar? Pois eu consigo entender as propriedades..

Obrigado,
Kvothe

Olá Kvothe,

Eu procuro as classes e as id´s utilizando o próprio sistema do navegador chamado de inspecionar elemento - Para acionar está ferramenta o senhor deve clicar o com o botão direito do mouse e ir na opção inspecionar elemento.

Fazendo isto o senhor tem a acesso a todo o código da página que você está.

Cordiais Saudações;
Alex!

Compreendo, isso facilitará muito o meu trabalho no fórum. Problema resolvido!

Muito obrigado,
Kvothe