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.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Notificações
Hoje à(s) 0:44 por Ramon Rodrigues

» Perdi Senha
Hoje à(s) 0:17 por Luiz~

» Problema de overflow nos anúncios
Ontem à(s) 23:54 por Luiz~

» Imagem fixa na rolagem do Fórum
Ontem à(s) 23:22 por MateusAnjosV

» Adição de setas e menu dropdown ao widget
Ontem à(s) 21:47 por juleic1123

» Como colocar tags nos tópicos e nos últimos assuntos
Ontem à(s) 21:10 por Luiz~

» Alteração Legenda ModernBB
Ontem à(s) 20:40 por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
297 usuários online :: 5 usuários cadastrados, 1 Invisível e 291 Visitantes :: 2 Motores de busca

Flames, Luiz~, Ramon Rodrigues, Sovereign, YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Qui 13 Out 2016 - 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:



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 : 07/07/2013
Mensagens : 324
Pontos Ativos : 535

http://naruto-survival.forumeiros.com

Resolvido Re: Campo de avatar responsivo

Mensagem por while em Qui 13 Out 2016 - 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.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4494

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

Resolvido Re: Campo de avatar responsivo

Mensagem por BichodoMato em Sex 14 Out 2016 - 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;
}
avatar

BichodoMato
Usuário avançado

Masculino
Inscrito dia : 07/07/2013
Mensagens : 324
Pontos Ativos : 535

http://naruto-survival.forumeiros.com

Resolvido Re: Campo de avatar responsivo

Mensagem por while em Sab 15 Out 2016 - 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.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4494

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

Resolvido Re: Campo de avatar responsivo

Mensagem por Cream em Qui 20 Out 2016 - 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.
avatar

Cream
Principal contribuidor
Principal contribuidor

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

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