Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Fala galera,
Instalei o lightbox no meu blog, mas não estou conseguindo fazer com que as imagens que são links fiquem com uma borda preta ao passar o mouse, alguém sabe me dizer como consigo fazer isso?
End do Blog:
http://www.longisland.com.br/blog/
End do CSS:
http://longisland.com.br/blog/wp-content/themes/default/style.css
Eu tentei colokar assim:
a img {
border: 3px;
border-color: #000;
} text-decoration:none;
color:#000;Abraços,
Léo
a img:hover
{
border:1px solid #000;
}Só para ficar mais completo, para evitar que os elementos da página se "movam" com o passar do mouse sobre as imagens, aplique uma borda na imagem com a mesma cor do fundo enquanto ela estiver em seu estado normal e aplique a cor desejada na borda quando o mouse estiver sobre ela:
a img { border:1px solid #fff; }
a:hover img { border-color:#000; }
>
Só para ficar mais completo, para evitar que os elementos da página se "movam" com o passar do mouse sobre as imagens, aplique uma borda na imagem com a mesma cor do fundo enquanto ela estiver em seu estado normal e aplique a cor desejada na borda quando o mouse estiver sobre ela:
a img { border:1px solid #fff; }
a:hover img { border-color:#000; }
Fala galera,
Funciono perfeitamente...era isso msm q eu precisava!
Vlw a todos que ajudaram!
Abraços,
Léo
Olá,
Se não me engano vais ter que editar este ficheiro:
lightbox.css
Depois edita o background-color para a cor que quiseres..
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }Depois diz alguma coisa.
PS: Só agora é que percebi o que queres fazer.. Vou ver se consigo descobrir algo..
Cumps