Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Status do servidor
Hoje à(s) 01:39 am por ranzatti

» Como mudar o tamanho do avatar default ? modernbb
Hoje à(s) 12:30 am por BlueJOkeR

» mEU FORUM ESTA COM POBLEMA !
Ontem à(s) 11:18 pm por Xigncode3

» Member List Grande
Ontem à(s) 10:31 pm por ranzatti

» Top Usuário sem funcionar
Ontem à(s) 10:08 pm por iScroll

» Spoiler tópicos
Ontem à(s) 09:55 pm por Luiz

» Bug pelo slide
Ontem à(s) 09:20 pm por Ketholy123

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
188 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 185 Visitantes :: 2 Motores de busca

DespacitoRemix000, iScroll, ranzatti

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Campo de avatar responsivo

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

Resolvido Campo de avatar responsivo

Mensagem por BichodoMato em 13/10/16, 12:54 pm

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:



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...
avatar

BichodoMato
Usuário avançado

Masculino
Inscrito dia : 06/07/2013
Mensagens : 340
Pontos Ativos : 563

Ver perfil do usuário http://naruto-survival.forumeiros.com

Resolvido Re: Campo de avatar responsivo

Mensagem por while em 13/10/16, 02:00 pm

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.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Campo de avatar responsivo

Mensagem por BichodoMato em 14/10/16, 07:39 pm

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;
}
avatar

BichodoMato
Usuário avançado

Masculino
Inscrito dia : 06/07/2013
Mensagens : 340
Pontos Ativos : 563

Ver perfil do usuário http://naruto-survival.forumeiros.com

Resolvido Re: Campo de avatar responsivo

Mensagem por while em 14/10/16, 11:29 pm

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.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Campo de avatar responsivo

Mensagem por Cream em 19/10/16, 11:55 pm

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.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11633

Ver perfil do usuário http://ajuda.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