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] Colocando botão para mostrar/fechar o codebox

Olá pessoal, a maioria de vcs já viram em meus tutos que eu coloco todos os codes dentro de um spoiler pra no ficar grande, e isso fica muito chato pois demora muito. Então eu fiz esse code pra agilizar meu trabalho (no meu forum) e gostaria q algum admin aqui do spdesign colocasse esse code tb, pq fica muito mais organizado e elegante (e o mais: e 100% editável). O efeito do code é adicionar um botão antes do codebox, e a função desse botão é fechar e esconde a codebox sem precisar de nenhuma outra tag na hora de colocar seu codigos!


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

HenRyqUé
- Criador do code / SPDesign & RMBR
--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Colocando botão para mostrar/fechar o codebox


- Adicionando o code JavaScript...
Vá em:

Módulos > HTML e JavaScript > Gestão do código JavaScript >> Novo JavaScript
Título * : Dê qualquer título ao código;
Investimento : Marque "Em todas as páginas";
Código JavaScript * : Cole o code abaixo:

MOSTRAR O CODIGO:

Salve!


- Adicionando o code CSS...
Vá em:

Visualização > Imagens e Cores > Cores >> Folha de Estilo CSS
Cole o seguinte code na folha:

MOSTRAR O CODIGO:

Valide!


- Resultado...
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Lembrando que você pode editar o estilo do botão ao seu gosto!
Exemplo vivo: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

  • Funciona em quais versões?
    Testei apenas em PUNBB mas axo que funciona em todas.




© RMBR & SPDesign


[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:
[DÚVIDA] Colocando botão para mostrar/fechar o codebox



Última edição por HenRyqUéè em 11/01/13, 01:17 pm, editado 2 vez(es)

https://rmbr.forumeiros.com/

Montillo

Montillo
Designer
Obrigado por compartilhar ..Feliz

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