Posicionar avatar da caixa de resposta rápida

2 participantes

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

Tópico resolvido Posicionar avatar da caixa de resposta rápida

Mensagem por IsmaelS. 22.09.16 20:41

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:
Posicionar avatar da caixa de resposta rápida 25svayh

.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 20:46, editado 1 vez(es)
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Posicionar avatar da caixa de resposta rápida

Mensagem por while 22.09.16 20:43

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.
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: Posicionar avatar da caixa de resposta rápida

Mensagem por IsmaelS. 22.09.16 20:47

Ficou óptimo obrigado! Piscada
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar avatar da caixa de resposta rápida

Mensagem por while 22.09.16 20:47

Posicionar avatar da caixa de resposta rápida Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
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

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos