Campo de avatar responsivo

3 participantes

Ir para baixo

Tópico resolvido Campo de avatar responsivo

Mensagem por BichodoMato 13.10.16 16:54

Detalhes da questão


Endereço do fórum: http://naruto-survival.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Olá, gostaria de deixar o campo de avatar do meu fórum responsivo, que fique de maneira a caber todos os icones debaixo do avatar.

Um exemplo de como está agora:

Campo de avatar responsivo 169oimf

Isso acontece no Opera, mas no chrome parece normal.. tem como ajeitar isso? Tipo, eu deixei um tamanho fixo para o box, mas assim fica feio, gostaria que ele expandisse conforme os campos que aparecem...
BichodoMato
BichodoMato
****

Membro desde : 07/07/2013
Mensagens : 396
Pontos : 657

http://naruto-survival.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Campo de avatar responsivo

Mensagem por while 13.10.16 18:00

Olá autor,

Adicione esse código no topo da sua folha de estilo css:

Código:
.postprofile {height:auto!important;max-height:auto!important;}

Até mais.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Campo de avatar responsivo

Mensagem por BichodoMato 14.10.16 23:39

Tentei colocar o código mas não resultou, tentei também alterar o tamanho do box para auto no codigo que ja tenho no CSS mas também não deu certo. Vou deixar aqui o code do box do avatar para que possa dar uma olhada:

Código:
/*------------ CONTORNO DO AVATAR -----------------*/

.postprofile{ 
      box-shadow: 3px 3px 3px gray, 0px 0px 2px black!important;
        padding-bottom: 410px !important;
        background-color: #efefef!important;
        border-radius: 0px 20px 20px 0px!important;
        border-top: 1px solid #34495e !important;
        border-right: 1px solid #34495e !important;
        border-bottom: 1px solid #34495e !important;
        border-left: 7px solid #34495e!important;
        -moz-border-top-colors: none !important;
        -moz-border-right-colors: none !important;
        -moz-border-bottom-colors: none !important;
        -moz-border-left-colors: none !important;
        border-image: none !important;
        max-height: auto!important;
        overflow: hidden!important;
        -webkit-transition: all 1s linear!important;
        -moz-transition: all 1s linear!important;
        -o-transition: all 1s linear!important;
        transition: all 1s linear!important;
}

.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{
-moz-box-shadow:4px 4px 5px #9C9C9C;
-webkit-box-shadow:4px 4px 5px #9C9C9C;
box-shadow:4px 4px 5px #9C9C9C;
}
BichodoMato
BichodoMato
****

Membro desde : 07/07/2013
Mensagens : 396
Pontos : 657

http://naruto-survival.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Campo de avatar responsivo

Mensagem por while 15.10.16 3:29

Ok, faremos o seguinte, retire o código que passei e troque o código que estais utilizando por este:

Código:
/*------------ CONTORNO DO AVATAR -----------------*/
 
.postprofile{ 
      box-shadow: 3px 3px 3px gray, 0px 0px 2px black!important;
        padding-bottom: 410px !important;
        background-color: #efefef!important;
        border-radius: 0px 20px 20px 0px!important;
        border-top: 1px solid #34495e !important;
        border-right: 1px solid #34495e !important;
        border-bottom: 1px solid #34495e !important;
        border-left: 7px solid #34495e!important;
        -moz-border-top-colors: none !important;
        -moz-border-right-colors: none !important;
        -moz-border-bottom-colors: none !important;
        -moz-border-left-colors: none !important;
        border-image: none !important;
        height: auto!important;
        overflow: hidden!important;
        -webkit-transition: all 1s linear!important;
        -moz-transition: all 1s linear!important;
        -o-transition: all 1s linear!important;
        transition: all 1s linear!important;
}
 
.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{
-moz-box-shadow:4px 4px 5px #9C9C9C;
-webkit-box-shadow:4px 4px 5px #9C9C9C;
box-shadow:4px 4px 5px #9C9C9C;
}

Até mais.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Campo de avatar responsivo

Mensagem por Cream 20.10.16 2:55

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.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