Rpg Maker BRasil
RPG Maker Brasil - RMBR

Seja Bem vindo ao Forúm! Faça seu cadastro e desfrute sobre o mundo do RPG Maker!
P.S.: PARA MELHOR VIZUALIZAÇÃO DO FORUM SEM BUGS, RECOMENDO QUE USEM O MOZILLA FIREFOX OU O GOOGLE CHROME!
Rpg Maker BRasil
RPG Maker Brasil - RMBR

Seja Bem vindo ao Forúm! Faça seu cadastro e desfrute sobre o mundo do RPG Maker!
P.S.: PARA MELHOR VIZUALIZAÇÃO DO FORUM SEM BUGS, RECOMENDO QUE USEM O MOZILLA FIREFOX OU O GOOGLE CHROME!
Rpg Maker BRasil

Evoluindo cada vez mais!


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

HenRyqUéè

HenRyqUéè
Administrador
Avaliador
Helper

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

[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.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
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é



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


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


- Resultado
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]


  • Funciona em quais versões?
    Todas





ToxiG33k™, HenRyqUé e RMBR.


[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] 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é

https://rmbr.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

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