Efeito de opacidade nas imagens do menu

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

Atendido / Resolvido Efeito de opacidade nas imagens do menu

Mensagem por Slash! em 21.02.13 16:58

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"..

Efeito de opacidade nas imagens do menu Semttulo1fk

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 20:10, editado 1 vez(es)
Slash!

Slash!
Nível 4

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

http://brasilhighvoltage.forumeiro.com

Atendido / Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por seender em 21.02.13 17:03

seender

seender
Principal contribuidor
Principal contribuidor

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

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Atendido / Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por Slash! em 21.02.13 17:27

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. :/
Slash!

Slash!
Nível 4

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

http://brasilhighvoltage.forumeiro.com

Atendido / Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por seender em 21.02.13 17:32

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!
seender

seender
Principal contribuidor
Principal contribuidor

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

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Atendido / Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por Slash! em 21.02.13 18:22

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. (:
Slash!

Slash!
Nível 4

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

http://brasilhighvoltage.forumeiro.com

Atendido / Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por seender em 25.02.13 3:54

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
seender

seender
Principal contribuidor
Principal contribuidor

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

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Atendido / Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por Slash! em 25.02.13 20:10

Perfeito cara! Muitíssimo obrigado. (:
Slash!

Slash!
Nível 4

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

http://brasilhighvoltage.forumeiro.com

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


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