Borda Imagem Perfil

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

Resolvido Borda Imagem Perfil

Mensagem por Faeel em 01/07/14, 11:47 pm

  • 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:
http://i39.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, 08:47 am, editado 1 vez(es)

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Borda Imagem Perfil

Mensagem por LuizLopes. em 02/07/14, 01:38 am

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
avatar

LuizLopes.
Usuário avançado

Masculino
Inscrito dia : 04/01/2011
Mensagens : 444
Pontos Ativos : 743

Ver perfil do usuário http://fenixextreme.forumeiros.com

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

- Tópicos similares

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