Ir para o conteúdo
Nunaixan

Image mouseover effect

Mensagens Recomendadas

Nunaixan    0
Nunaixan

Bom dia,

Já coloquei esta dúvida no fórum +t, mas parece que ninguém sabe responder.

A minha questão é a seguinte:

Quero fazer algo parecido ao footer do wpbegginer. O efeito pretendido eu já o consegui. O verdadeiro problema é que se eu utilizar os 2 códigos ao mesmo tempo, aparece a mesma imagem. Fica aqui o print e o código utilizado:

442howtip.jpg

<a class="myButtonLink" href="http://redlinepctech.com/pt/" rel="nofollow">Leaf</a>
<style>.myButtonLink {
display: block;
width: 300px;
height: 59px;
background: url('http://estudantevirtual.com/wp-content/uploads/2011/12/redlinepctechfooter.png') bottom;
text-indent: -99999px;
}
.myButtonLink:hover {
background-position: 0 0;
}</style>
<a class="myButtonLink" href="http://www.quest4k.com/" rel="nofollow">Leaf</a>
<style>.myButtonLink {
display: block;
width: 139px;
height: 59px;
background: url('http://estudantevirtual.com/wp-content/uploads/2011/12/quest4kfooter.png') bottom;
text-indent: -99999px;
}
.myButtonLink:hover {
background-position: 0 0;
}</style>

;)

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
brunoais    69
brunoais

Estás com sorte que isso faça até alguma coisa.

As tags style têm q ser escritas no head.

Se precisas assim tanto de ter 2 coisas diferentes usa 3 classes.

1 classe para o que é comum para cada uma das imagens.

2 classes para o específico de cada uma das imagens.

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora


×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade