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 em baixo  Mensagem [Página 1 de 1]

HenRyqUéè

avatar
Administrador
Avaliador
Helper

[Você precisa estar registrado e conectado para ver esta imagem.]

[TUTORIAL]Colocando botões para fechar e mostras todas as categorias

Olá pessoal, a pedido do nosso amigo Ryuuga Katoretto eu estou fazendo esse tuto, o efeito dele é mostrar e fechar as categorias colocando dois butões no topo da tela.

[Você precisa estar registrado e conectado para ver esta imagem.]

Créditos:

Ryuuga Katoretto: Idéia do código.
HenRyqUé e SPDesign: Criação do código.
--> Tutoriais, dicas e astúcias <--
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias.



- Modificando o template...(APENAS PHPBB2 E PUNBB)
Vá em:

Visualização > Templates > Geral >> index_box
Na primeira linha coloque esse código:
Código:
<div id="tabela">
E na ultima linha coloque esse código:
Código:
</div>
Publique o template!


- Adicionando os botões...
Vá em:

Visualização > Página Inicial >> Geral
E na mensagem de tela inicial adicione este código:

PUNBB e PHPBB2:

Código:
<div style="padding:3px;margin-top:8px;margin-bottom:8px;"><span id="mostrador" style="padding:6px;border:2px solid black">MOSTRAR</span>
<span id="escondedor" style="margin-left:5px;padding:6px;border:2px solid black">ESCONDER</span></div>
<script>
jQuery(document).ready(function(){
jQuery("#tabela").hide();
});
</script>
<script>
jQuery(document).ready(function(){
jQuery("#mostrador").click(function(){
jQuery("#tabela").show(1000);
});
jQuery("#escondedor").click(function(){
jQuery("#tabela").hide(1000);
});
});
</script>
<style>
#mostrador, #escondedor{
color:black;
font-weight:bold;
cursor:pointer;
}
#mostrador:hover, #escondedor:hover{
background-color:green;
}
</style>
PHPBB3:

Código:
<div style="padding:3px;margin-top:8px;margin-bottom:8px;"><span id="mostrador" style="padding:6px;border:2px solid black">MOSTRAR</span>
<span id="escondedor" style="margin-left:5px;padding:6px;border:2px solid black">ESCONDER</span></div>
<script>
jQuery(document).ready(function(){
jQuery(".forabg").hide();
});
</script>
<script>
jQuery(document).ready(function(){
jQuery("#mostrador").click(function(){
jQuery(".forabg").show(1000);
});
jQuery("#escondedor").click(function(){
jQuery(".forabg").hide(1000);
});
});
</script>
<style>
#mostrador, #escondedor{
color:black;
font-weight:bold;
cursor:pointer;
}
#mostrador:hover, #escondedor:hover{
background-color:green;
}
</style>
INVISION:

Código:
<div style="padding:3px;margin-top:8px;margin-bottom:8px;"><span id="mostrador" style="padding:6px;border:2px solid black">MOSTRAR</span>
<span id="escondedor" style="margin-left:5px;padding:6px;border:2px solid black">ESCONDER</span></div>
<script>
jQuery(document).ready(function(){
jQuery(".borderwrap").hide();
});
</script>
<script>
jQuery(document).ready(function(){
jQuery("#mostrador").click(function(){
jQuery(".borderwrap").show(1000);
});
jQuery("#escondedor").click(function(){
jQuery(".borderwrap").hide(1000);
});
});
</script>
<style>
#mostrador, #escondedor{
color:black;
font-weight:bold;
cursor:pointer;
}
#mostrador:hover, #escondedor:hover{
background-color:green;
}
</style>

SALVE!


- Resultado...
[Você precisa estar registrado e conectado para ver esta imagem.]
Lembrando que você pode personalizar os botões a sua escolha.

  • Funciona em quais versões?
    TODAS




© RMBR & SPDesign


[Você precisa estar registrado e conectado para ver 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ões para fechar e mostras todas as categorias.

http://rmbr.forumeiros.com/

Montillo

avatar
Designer
Muito Bom

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum