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
» Loja no fórum
Hoje à(s) 03:32 pm por Taxy_InSaniTy

» Sistema de shop com problemas
Hoje à(s) 03:16 pm por Luiz

» Informações dos ultimos assuntos
Hoje à(s) 03:06 pm por Kyo Panda

» Como mudar o ícone que fica na aba do navegador
Hoje à(s) 03:03 pm por Kyo Panda

» Caixa de login ao clicar na barra de ferramentas
Hoje à(s) 03:01 pm por Kyo Panda

» Ajuda sobre esse código
Hoje à(s) 02:21 pm por Luiz

» Brilho nos anúncios
Hoje à(s) 02:15 pm por Luiz

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
273 usuários online :: 13 usuários cadastrados, 1 Invisível e 259 Visitantes :: 1 Motor de busca

AlexFernandes, Daemon, GustavoDM11, Hancki, Kyo Panda, Lost154, Luiz, MatiasReis123, rogerio_h, Taxy_InSaniTy, Try, valverde, weverson lopes

[ Ver toda a lista ]


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

Posicionar avatar da caixa de resposta rápida

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

Resolvido Posicionar avatar da caixa de resposta rápida

Mensagem por IsmaelS. em 22/09/16, 04:41 pm

Detalhes da questão


Endereço do fórum: http://suportedesign.forumeiros.com/
Versão do fórum: PunBB

Descrição


Olá!

Eu queria deixar o avatar na caixa de resposta rápida mais para cima:


.CSS:
Código:
#quick-avatar {
    float: left;
    margin: 15px -35px 0 13px;
}
#quick-avatar img {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d8d8d8;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    height: 50px;
    padding: 2px;
    width: 50px;
}

.jS:
Código:
jQuery(function() {
  var avatar = _userdata.avatar;
  var quickReply = jQuery('#quick_reply');
  quickReply.prepend('<div id="quick-avatar">' + avatar + '</div>');
});


Última edição por IsmaelS. em 22/09/16, 04:46 pm, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2837
Pontos Ativos : 3935

Ver perfil do usuário http://suporte-design.forumeiros.com/
  • 0

Resolvido Re: Posicionar avatar da caixa de resposta rápida

Mensagem por while em 22/09/16, 04:43 pm

Olá autor, troque o css por:

Código:
#quick-avatar {
    float: left;
    margin: 15px -35px 0 13px;
}
#quick-avatar img {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d8d8d8;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    height: 50px;
    padding: 2px;
    width: 50px;
    margin-top: -10px!important;
}

Perceba que adicionei a propriedade margin-top: -10px!important; na id chamada: #quick-avatar img , basta você modificar o valor do margin-top pelo desejado.

Até mais.
avatar

while
Hiperativo

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

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

Resolvido Re: Posicionar avatar da caixa de resposta rápida

Mensagem por IsmaelS. em 22/09/16, 04:47 pm

Ficou óptimo obrigado! Piscada

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2837
Pontos Ativos : 3935

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Posicionar avatar da caixa de resposta rápida

Mensagem por while em 22/09/16, 04:47 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

while
Hiperativo

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

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

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