[Tutorial] Inserir citação no chatbox

Informações:

Autor: Daemon
Versões: Todas as versões
Introdução: Inserir citação no chatbox

Instalação:

Acesse:

Painel de controle ->> Modulos ->> HTML & Javascripts ->> Gestão dos códigos Javascripts

Então crie um novo javascript com investimento no indice com esse código:

Código:

/*
* Código: Citação no chatbox
* Data de criação: 11/09/2014
* Atualização: 03/10/2014
* Autor: Daemon
* Versão: 1.0
* Acesse: http://bestskins.net
* Não distribuir, ou remover os créditos do autor
*/
$(document).ready(function() {
$('#frame_chatbox').parent().html('<iframe src=/chatbox width=100% height=100% id=frame_chatbox scrolling=no frameborder=0 marginwidth=0 marginheight=0></iframe>');
setInterval(function() {
 var chat = $('#frame_chatbox').contents();
 if(chat.find('.quote-msg').length <= 0) {
    var quote = '<span class="quote-msg">Quote</span>';
    chat.find('.user').parents('p').append(quote);
    chat.find('.quote-msg').each(function() {
     $(this).click(function() {
       var user = $(this).prev().find('.user a').text(),
             message = chat.find('#message'),
             quoted = $(this).prev().find('.msg').text();
             message.val(message.val()+'[quote="'+user+'"]'+quoted+'[/quote]').focus();
     });
             chat.find('#chatbox').scrollTop(chat.find('#chatbox')[0].scrollHeight);
    });
 }
}, 10);
});

Feito isto, acesse:

Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> Folha de Estilo CSS

E Adicione esse código :

Código:

/*Quote no chat - Por: BestSkins*/
.quote-msg {
cursor: pointer;
float: right;
padding: 1px 3px;
background-color: #f0f0f0;
border: 1px solid #eaeaea;
margin-right: 2px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
font-size: 10px;
font-weight: 700;
color: #777;
text-shadow: 0 1px #fff;
}

Resultado: