Procurar
 
 

Resultados por:
 


Rechercher Pesquisa avançada

Últimos assuntos
» Skin - Gamer [Blue - Green - Red] + PSD Logos
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias EmptyQui Fev 13, 2020 5:13 pm por juninho_xd

» Skin: Warrior - PHPBB 3
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias EmptyQui Fev 13, 2020 5:12 pm por juninho_xd

» Theme: Joli [PUNBB][Free]
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias EmptySeg Fev 10, 2020 11:46 pm por juninho_xd

» Theme: Absolution [PUNBB][Free]
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias EmptySeg Fev 10, 2020 11:45 pm por juninho_xd

» Elegance Red - Skin igual da WebCheats
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias EmptySeg Fev 10, 2020 11:44 pm por juninho_xd

» Skin ForeVer IT [ Punbb ]
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias EmptySeg Fev 10, 2020 11:38 pm por juninho_xd

» Simple Ídea - Punbb
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias EmptySeg Fev 10, 2020 2:16 pm por juninho_xd

» Skin super Bonita (Exclusiva)
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias EmptySeg Jan 27, 2020 10:39 pm por juninho_xd

»  [IPB] Skin padrão PunBB Forumeiros
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias EmptySeg Jun 05, 2017 9:39 pm por virus

» Overlay Cherry - Punbb
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias EmptyQua maio 24, 2017 6:57 pm por GlowHPS

» [PunBB]The Beacon Light
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias EmptyQua maio 24, 2017 6:57 pm por GlowHPS

»  Theme: Zentoa [PUNBB][Free]
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias EmptyQua maio 24, 2017 6:57 pm por GlowHPS

» OrangeFull [ Phpbb 3 ]
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias EmptyQua maio 24, 2017 6:54 pm por GlowHPS

» IPBoard Theme - Punbb
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias EmptyTer maio 23, 2017 7:00 pm por GlowHPS

» Life.Element - Skin Punbb
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias EmptyTer maio 09, 2017 6:34 pm por GlowHPS

» [PUNBB] Zentoa Theme + Templantes Premium Theme [Exclusivo]
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias EmptyTer maio 09, 2017 6:31 pm por GlowHPS

» Hight Light [PunBB]
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias EmptySex Out 14, 2016 3:19 am por staay03

» Theme: ChitChat [PUNBB][Free]
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias EmptySex Out 14, 2016 3:01 am por staay03

» Hight Light [PunBB]
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias EmptySex Out 14, 2016 2:52 am por staay03

» Theme: BlueParty [PUNBB][Free]
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias EmptyDom Nov 29, 2015 8:38 pm por Caaw00

Palavras-chaves

ddtank  

Quem está conectado?
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 RSS

Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 


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

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



- 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...
[TUTORIAL]Colocando botões para fechar e mostras todas as categorias Resultadotutorial1
Lembrando que você pode personalizar os botões a sua escolha.



  • Funciona em quais versões?
    TODAS




© SH-Skins


[TUTORIAL]Colocando botões para fechar e mostras todas as categorias Act_bottom 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.


Comentários: 0

Social bookmarking
Social bookmarking reddit      

Conservar e compartilhar o endereço de ZoneToony - Playstation 4, Xbox 720, Windows 8, Smartphones, Android, Divulgue seu Servidor, Gam em seu site de social bookmarking

março 2024
SegTerQuaQuiSexSábDom
    123
45678910
11121314151617
18192021222324
25262728293031

Calendário Calendário

Parceiros
Fórum grátis

Os membros mais ativos da semana
Nenhum usuário

Estatísticas
Temos 1019 usuários registrados
O último membro registrado é Ejarhomeh

Os nossos membros postaram um total de 986 mensagens em 528 assuntos