Avatar ao lado da mensagem rápida

Detalhes da questão

Endereço do fórum: brasilplayfreedom.forumeiro.com/forum
Versão do fórum: PunBB

Descrição

Gostaria de coloca um avatar ao lado, igual a esse: https://imgur.com/a/LzfPt

Crie um novo js com investimento nos tópicos:

Código:

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

Após isso adicione no seu 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;
}

Teria como deixa-lo redondo e com essa ceta ao lado igual na print?

Olá,

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;
        border-radius: 40px;
    }

Sobre a seta, veja:
https://ajuda.forumeiros.com/t106804-colocar-seta-na-caixa-de-resposta-rapida

Até mais!

Resolvido, obrigado.