Efeito de opacidade nas imagens do menu

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

Resolvido Efeito de opacidade nas imagens do menu

Mensagem por Slash! em 21/02/13, 01:58 pm

Qual é minha questão:
Então galera, eu fiz esse menuzinho rápido, dividido em imagens com links direcionados..  Queria saber se alguém tem um código pra fazer que quando eu passe o mouse por cima de cada parte da imagem, ele "acenda"..



Att. Slash! (:

Endereço do meu fórum:
http://brasilhighvoltage.forumeiro.com

Versão do fórum:
PHPBB3


Última edição por Slash! em 25/02/13, 05:10 pm, editado 1 vez(es)
avatar

Slash!
Nível 4

Masculino
Inscrito dia : 25/12/2012
Mensagens : 29
Pontos Ativos : 47

Ver perfil do usuário http://brasilhighvoltage.forumeiro.com

Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por seender em 21/02/13, 02:03 pm

avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por Slash! em 21/02/13, 02:27 pm

Amigo, esse tuto ai é pra "acender" as imagens do menu padrão. Aqueles onde está o 'Porta, FAQ, Membros, etc'. Esse menu rápido, eu fiz através de um post normal com links pra redirecionar cada pedaço de imagem unidos ali.. Queria um código pra poder "acender" essas imagens, mas pra isso precisaria de um código redirecionado pra isso. :/
avatar

Slash!
Nível 4

Masculino
Inscrito dia : 25/12/2012
Mensagens : 29
Pontos Ativos : 47

Ver perfil do usuário http://brasilhighvoltage.forumeiro.com

Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por seender em 21/02/13, 02:32 pm

Olá!

Essas imagens foram adicionadas por meio de códigos HTML numa mensagem do fórum ou no widget mesmo? este widget é o de novidades?

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por Slash! em 21/02/13, 03:22 pm

Adicionados através de um código HTML numa mensagem.
Nesse padrão: [url=(conteúdo)][img*](conteúdo)[/img][/url] e assim seguidamente numa sequencia para fazer aquele menuzinho. (:
avatar

Slash!
Nível 4

Masculino
Inscrito dia : 25/12/2012
Mensagens : 29
Pontos Ativos : 47

Ver perfil do usuário http://brasilhighvoltage.forumeiro.com

Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por seender em 25/02/13, 12:54 am

Olá!

Utilize este código:
Código:
img[src="http://img42.imageshack.us/img42/420/regrasvj.png"], img[src="http://img41.imageshack.us/img41/9239/dvidas.png"], img[src="http://img542.imageshack.us/img542/964/sugestesu.png"], img[src="http://img10.imageshack.us/img10/8820/bugsyk.png"], img[src="http://img713.imageshack.us/img713/8208/staffkj.png"], img[src="http://img266.imageshack.us/img266/804/vipmk.png"], img[src="http://img24.imageshack.us/img24/9776/bsgnsg.png"]{
filter:alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}
img[src="http://img42.imageshack.us/img42/420/regrasvj.png"]:hover, img[src="http://img41.imageshack.us/img41/9239/dvidas.png"]:hover, img[src="http://img542.imageshack.us/img542/964/sugestesu.png"]:hover, img[src="http://img10.imageshack.us/img10/8820/bugsyk.png"]:hover, img[src="http://img713.imageshack.us/img713/8208/staffkj.png"]:hover, img[src="http://img266.imageshack.us/img266/804/vipmk.png"]:hover, img[src="http://img24.imageshack.us/img24/9776/bsgnsg.png"]:hover{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
Adicione em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por Slash! em 25/02/13, 05:10 pm

Perfeito cara! Muitíssimo obrigado. (:
avatar

Slash!
Nível 4

Masculino
Inscrito dia : 25/12/2012
Mensagens : 29
Pontos Ativos : 47

Ver perfil do usuário http://brasilhighvoltage.forumeiro.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum