Borda Imagem Perfil Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Borda Imagem Perfil

2 participantes

Ir para baixo

Tópico resolvido Borda Imagem Perfil

Mensagem por Faeel 02.07.14 3:47

  • Descrição:
Gostaria de saber um código, para que fique com uma borda, que quando passar o mouse em cima, girar. Aqui um exemplo com imagem:
https://i.servimg.com/u/f39/18/88/23/53/imagem11.jpg

Link do fórum em que vi
http://lossantosls.forumeiros.com

Abraços.. Feliz

  • Informações:
Fórum:http://testfael.forumeiros.comVersão:PHPBB3
Tipo:Pedido de códigoTags:Borda,Imagem,Perfil



Última edição por Narguile_. em 02.07.14 12:47, editado 1 vez(es)
avatar
Faeel
*****

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda Imagem Perfil

Mensagem por LuizLopes. 02.07.14 5:38

Olá amigo!

Aceda á:

Painel de Controle Seta Visualização Seta Cores Seta Folha Estilo CSS

E adicione o seguinte código:

Código:
div.postprofile dl dt img{
      margin-left: 3px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
div.postprofile dl dt img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}

Atenciosamente,
LuizLopes.  cool
LuizLopes.
LuizLopes.
*****

Membro desde : 04/01/2011
Mensagens : 444
Pontos : 743

http://fenixextreme.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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