Avatar ao lado da mensagem rápida

3 participantes

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

Tópico resolvido Avatar ao lado da mensagem rápida

Mensagem por PrisoN†BreaK 21.09.16 15:28

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
PrisoN†BreaK

PrisoN†BreaK
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar ao lado da mensagem rápida

Mensagem por Cepheus 21.09.16 17:06

Flecha ajudeiros 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>');
});

Flecha ajudeiros 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;
}
Cepheus

Cepheus
Membro

Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar ao lado da mensagem rápida

Mensagem por PrisoN†BreaK 21.09.16 21:42

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

PrisoN†BreaK
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Avatar ao lado da mensagem rápida

Mensagem por Cream 21.09.16 22:14

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!
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar ao lado da mensagem rápida

Mensagem por PrisoN†BreaK 22.09.16 14:41

Resolvido, obrigado.
PrisoN†BreaK

PrisoN†BreaK
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Avatar ao lado da mensagem rápida

Mensagem por Cream 22.09.16 14:41

mensagem - Avatar ao lado da mensagem 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".
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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