Avatar de acordo com qualquer resolução

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

Resolvido Avatar de acordo com qualquer resolução

Mensagem por Shaman em 10/10/14, 11:04 pm

Olá, tentei muitos códigos hoje e não consegui chegar ao que queria. Em meu monitor a resolução dos avatares na resolução 100% está correta, mas se eu aumento um pouco o avatar sai pra fora da pagina(monitores maiores que o meu ficaram bugados certo?). Gostaria de pedir se conseguem um código para mim, para ajustar os avatares a qualquer tipo de resolução.

Obrigado!

Imagens do problema:


Resolução certa: http://i.imgur.com/VGq0OvJ.png

Resolução errada: http://i.imgur.com/9xzi7Pq.png
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Avatar de acordo com qualquer resolução

Mensagem por Hancki em 11/10/14, 05:42 am

Olá!

Par aos avatares estarem em tamanho real, seria assim:
Código:
div.postprofile dl dt img {
max-width: 100px !important;
height: 102% !important;
margin-left: -10px !important;
margin-top: -10px;
}
Mas primeiro procure no CSS por "div.postprofile dl dt img" e vai encontrar este código:
Código:
div.postprofile dl dt img {
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-webkit-transition: all .8s ease-out;
border: 5px solid #eee;
box-shadow: 1px 4px 4px rgba(0,0,0,0.2);
height: 250px!important;
margin-left: 3px;
width: 160px!important;
}
Substitua por este para que o meu lá em cima resulte:
Código:
div.postprofile dl dt img {
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-webkit-transition: all .8s ease-out;
border: 5px solid #eee;
box-shadow: 1px 4px 4px rgba(0,0,0,0.2);
height: 250px;
margin-left: 3px;
width: 160px;
}

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Avatar de acordo com qualquer resolução

Mensagem por Shaman em 11/10/14, 09:31 am

Ficou ne um tamanho agradável Hancki, obrigado!
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

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