» Skin - Gamer [Blue - Green - Red] + PSD LogosQui Fev 13, 2020 5:13 pm por juninho_xd » Skin: Warrior - PHPBB 3Qui Fev 13, 2020 5:12 pm por juninho_xd » Theme: Joli [PUNBB][Free]Seg Fev 10, 2020 11:46 pm por juninho_xd » Theme: Absolution [PUNBB][Free]Seg Fev 10, 2020 11:45 pm por juninho_xd » Elegance Red - Skin igual da WebCheatsSeg Fev 10, 2020 11:44 pm por juninho_xd » Skin ForeVer IT [ Punbb ]Seg Fev 10, 2020 11:38 pm por juninho_xd » Simple Ídea - PunbbSeg Fev 10, 2020 2:16 pm por juninho_xd » Skin super Bonita (Exclusiva)Seg Jan 27, 2020 10:39 pm por juninho_xd » [IPB] Skin padrão PunBB ForumeirosSeg Jun 05, 2017 9:39 pm por virus » Overlay Cherry - PunbbQua maio 24, 2017 6:57 pm por GlowHPS » [PunBB]The Beacon LightQua maio 24, 2017 6:57 pm por GlowHPS » Theme: Zentoa [PUNBB][Free]Qua maio 24, 2017 6:57 pm por GlowHPS » OrangeFull [ Phpbb 3 ]Qua maio 24, 2017 6:54 pm por GlowHPS » IPBoard Theme - PunbbTer maio 23, 2017 7:00 pm por GlowHPS » Life.Element - Skin PunbbTer maio 09, 2017 6:34 pm por GlowHPS » [PUNBB] Zentoa Theme + Templantes Premium Theme [Exclusivo]Ter maio 09, 2017 6:31 pm por GlowHPS » Hight Light [PunBB]Sex Out 14, 2016 3:19 am por staay03 » Theme: ChitChat [PUNBB][Free] Sex Out 14, 2016 3:01 am por staay03 » Hight Light [PunBB]Sex Out 14, 2016 2:52 am por staay03 » Theme: BlueParty [PUNBB][Free]Dom Nov 29, 2015 8:38 pm por Caaw00 Há 15 usuários online :: 0 registrados, 0 invisíveis e 15 visitantes :: 1 motor de busca Nenhum [ Ver toda a lista ] O recorde de usuários online foi de 47 em Seg Jun 24, 2013 11:17 pm Flux
| [TUTORIAL]Colocando botões para fechar e mostras todas as categorias Ter Mar 26, 2013 5:42 pm por T-Lord
|
[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.
--> Tutoriais, dicas e astúcias <--
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias.
1º - 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!
2º - 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!
3º - Resultado...
Lembrando que você pode personalizar os botões a sua escolha.
- Funciona em quais versões?
TODAS
© SH-Skins
| Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Colocando botões para fechar e mostras todas as categorias. |
| Seg | Ter | Qua | Qui | Sex | Sáb | Dom |
---|
| | | | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 |
Calendário Os que mais criam tópicos Os membros mais ativos da semana Temos 1019 usuários registrados O último membro registrado é EjarhomehOs nossos membros postaram um total de 986 mensagens em 528 assuntos |