Efeito de opacidade nas imagens do menu

2 participantes

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

Tópico resolvido Efeito de opacidade nas imagens do menu

Mensagem por Slash! 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!
Novo Membro

Membro desde : 25/12/2012
Mensagens : 29
Pontos : 47

http://brasilhighvoltage.forumeiro.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por seender 21.02.13 17:03

seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por Slash! 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!
Novo Membro

Membro desde : 25/12/2012
Mensagens : 29
Pontos : 47

http://brasilhighvoltage.forumeiro.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por seender 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
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por Slash! 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!
Novo Membro

Membro desde : 25/12/2012
Mensagens : 29
Pontos : 47

http://brasilhighvoltage.forumeiro.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por seender 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
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por Slash! 25.02.13 20:10

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

Slash!
Novo Membro

Membro desde : 25/12/2012
Mensagens : 29
Pontos : 47

http://brasilhighvoltage.forumeiro.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos