Divine Cod's
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.
Últimos assuntos
Alinhar nome da scategoriasSex Mar 14, 2014 5:16 amrok
Tema deste fórumDom Jul 07, 2013 8:37 pmkamachi
Cor Do TopoTer Abr 23, 2013 6:35 pmQuakeline
Lista de tutoriaisTer Mar 12, 2013 3:58 pmQuakeline
queria uma parceriaQua Fev 20, 2013 8:29 pmQuakeline
Como botar botom Agradecer no topicoQua Fev 20, 2013 8:24 pmQuakeline
Por que widgets destorcem forum?Qua Fev 20, 2013 8:21 pmQuakeline
Como alinhar imagem da categoria à borda do forum?Ter Fev 19, 2013 10:24 amBaiken Mitsuki
Quero este TemaSeg Fev 18, 2013 6:19 pmQuakeline
Os membros mais ativos do mês
Nenhum usuário
Estatísticas
Temos 65 usuários registradosO último membro registrado é Skye W.Os nossos membros postaram um total de 249 mensagensem 61 assuntos
Quem está conectado?
1 usuário online :: 0 registrados, 0 invisíveis e 1 visitante

Nenhum

Ver toda a lista


Ir para baixo
Quakeline
Quakeline
Administrador
Administrador
Inscrito dia: : 09/01/2013
Mensagens : 89

[TUTORIAL] Lista de smileys em popup Empty [TUTORIAL] Lista de smileys em popup

Qua Jan 09, 2013 5:39 pm
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem][TUTORIAL] Lista de smileys em popup

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

- Código JavaScript
Aceda em:

Módulos seta HTML & JavaScript seta Gestão dos código JavaScripts seta 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%';
});

- Código CSS
Aceda em:

Visualização seta Imagens e cores seta Cores seta 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

[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
Ir para o topo
Permissões neste sub-fórum
Não podes responder a tópicos