[TUTORIAL] Lista de smileys em popup - por HenRyqUé

Olá pessoal, nesse tutorial irei disponibilizar o código para tirar aquela caixa de smileys do lado direito da página e colocar dentro de um botão, que abre uma popup.

CRÉDITOS! ToxiG33k™: Disponibilização do código (não é o autor origianal, pois o mesmo é desconhecido). HenRyqUé: Edição e postagem do tutorial na versão PT-BR.

--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Lista de smileys em popup - por HenRyqUé

1º - Código JavaScript
Aceda em:

Módulos > HTML & JavaScript > Gestão dos código JavaScripts >> Novo JavaScript

Título * : Dê qualquer título para o js.
Investimento : Todas as páginas.
Código JavaScript * : Cole o seguinte código abaixo:

Código:

$(function() {
    var sb = document.getElementById('smiley-box');
    if(!sb) return;
    sb.style.position = 'absolute'; sb.style.visibility = 'hidden';
    document.getElementById('text_editor_select_controls').appendChild(sb);
    document.getElementById('format-buttons').innerHTML += '<button type="button" class="button2" onclick="selectWysiwyg(this, \'smiley-box\')"><img src="http://2img.net/i/fa/i/smiles/icon_smile.gif" title="Smilies"></button>';
    document.getElementById('textarea_content').style.width = '100%';
});

Salve!


2º - Código CSS
Aceda em:

Visualização > Imagens e cores > Cores > Folha de estilo css

Aceda o código a folha:

Código:

#smiley-box {
    padding: 10px;
    border: 1px solid #105389;
}


Valide!


3º - Resultado

• Funciona em quais versões?
  Todas

---

ToxiG33k™, HenRyqUé e RMBR.

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [TUTORIAL] Lista de smileys em popup - por HenRyqUé