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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
95 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 93 Visitantes :: 1 Motor de busca

Lincoln, lucasmcard

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

BichodoMato
Nível 10

Masculino
Inscrito dia : 07/07/2013
Mensagens : 255
Pontos Ativos : 1675

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.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2819
Pontos Ativos : 4147

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

BichodoMato
Nível 10

Masculino
Inscrito dia : 07/07/2013
Mensagens : 255
Pontos Ativos : 1675

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.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2819
Pontos Ativos : 4147

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.


Seta Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Seta Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

Cream
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8373
Pontos Ativos : 13589

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5