![[TUTORIAL] Lista de smileys em popup - por Naruto Buddy_Group](https://2img.net/h/cdn1.iconfinder.com/data/icons/df_On_Stage_Icon_Set/128/Buddy_Group.png){kind=icon}
Suporte Forumeiros
Início
Entrar
Cadastre-se
Mensagens
Moedas![[TUTORIAL] Lista de smileys em popup - por Naruto Index_12](https://i.servimg.com/u/f66/15/86/37/09/index_12.png) | [TUTORIAL] Lista de smileys em popup - por -Naruto |
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.
![[TUTORIAL] Lista de smileys em popup - por Naruto Act_bottom](https://2img.net/h/forumeiros.com/i/img/act_bottom.png) | 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é
[TUTORIAL] Lista de smileys em popup - por HenRyqUé
1º - Código JavaScript
Aceda em:
Título * : Dê qualquer título para o js.Módulos > HTML & JavaScript > Gestão dos código JavaScripts >> Novo JavaScript
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%';
});
2º - Código CSS
Aceda em:
Aceda o código a folha:Visualização > Imagens e cores > Cores > Folha de estilo css
- Código:
#smiley-box {
padding: 10px;
border: 1px solid #105389;
}
3º - Resultado
![[TUTORIAL] Lista de smileys em popup - por Naruto Smileysd](https://2img.net/r/ihimizer/img94/1618/smileysd.gif)
- Funciona em quais versões?
Todas
ToxiG33k™, HenRyqUé e RMBR.
![[TUTORIAL] Lista de smileys em popup - por Naruto Act_bottom](https://www.forumeiros.com/i/img/act_bottom.png) | 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é |
