Como coloca minimizador de categorias

5 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Como coloca minimizador de categorias

Mensagem por Lucas2122 11.12.12 18:37

Qual é minha questão:
Tipo queria coloca o minimizador engual desse forum http://www.power-pixel.net/ é tipo um negocinho que tem na categoria com um - que quando clica a categoria a minimizada

Endereço do meu fórum:
http://moldentec.forumeiros.com

Versão do fórum:
PUNBB
Lucas2122

Lucas2122
Membro

Membro desde : 17/08/2011
Mensagens : 774
Pontos : 1348

http://moldentec.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca minimizador de categorias

Mensagem por Consolado 11.12.12 18:39

Olá!

Leia o seguinte tutorial:
Seta [TUTORIAL] Criar uma categoria retrátil

Melhores cumprimentos.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca minimizador de categorias

Mensagem por Lucas2122 11.12.12 18:58

Não deu certo
Lucas2122

Lucas2122
Membro

Membro desde : 17/08/2011
Mensagens : 774
Pontos : 1348

http://moldentec.forumeiros.com/forum

Ir para o topo Ir para baixo

Principal Contribuidor
  • 0

Tópico resolvido Re: Como coloca minimizador de categorias

Mensagem por Sennior 11.12.12 21:33

Olá!

O código é este mesmo: https://ajuda.forumeiros.com/t23387-tutorial-criar-uma-categoria-retratil

Poderia nós dizer o que deu errado?
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca minimizador de categorias

Mensagem por Lucas2122 12.12.12 0:09

eu coloquei tudo que pediu mais não deu certo
Lucas2122

Lucas2122
Membro

Membro desde : 17/08/2011
Mensagens : 774
Pontos : 1348

http://moldentec.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca minimizador de categorias

Mensagem por seender 13.12.12 17:38

Olá!

Testei em meu fórum de teste e funciona perfeitamente, lamento, mas é o senhor que não consegue realizar os passos.

Até mais!
seender

seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca minimizador de categorias

Mensagem por DarkDoki 13.12.12 18:12

Olá!
Adicione este javascript, Revestimento : Todas as Paginas
Código:
$(function(){$(".main-head").prepend('<span class="collapse" style="padding: 0px; float:right;width: 32px;height: 22px;overflow: hidden;"><img src="http://i41.servimg.com/u/f41/17/41/76/40/menos10.png" alt="fmClose" /><img class="hide" src="http://i41.servimg.com/u/f41/17/41/76/40/mais10.png" alt="fmOpen" /></span>');$(".collapse").each(function(index){$(this).attr("id","fmvicollapse"+location.pathname+index);if(my_getcookie("fmvicollapse"+location.pathname+index)=="1"){$(this).children("img[alt='fmClose']").hide();$(this).children("img[alt='fmOpen']").show();$(this).parent().next().hide()}});$(".collapse img[alt='fmClose']").click(function(){my_setcookie($(this).parent().attr("id"),1,1,0);$(this).hide().next().show();$(this).parent().parent().next().hide()});$(".collapse img[alt='fmOpen']").click(function(){my_setcookie($(this).parent().attr("id"),0,1,0);$(this).hide().prev().show();$(this).parent().parent().next().show()})});
avatar

DarkDoki
****

Membro desde : 01/11/2011
Mensagens : 251
Pontos : 393

http://darkcheatsbr.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca minimizador de categorias

Mensagem por Consolado 13.12.12 18:46

Olá!

Painel de Controle Seta Visualização Seta Templates Seta Geral Seta index_box

Na primeira linha coloque esse código:
Código:
<div id="tabela">
E na última linha coloque esse código:
Código:
</div>
Salve e publique o template!

Depois, aceda a Painel de Controle Seta Visualização Seta Home Page Seta Geral
Em "Mensagem do conteúdo" cole esse código:
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();
});
jQuery("#escondedor").click(function(){
jQuery("#tabela").hide();
});
});
</script>
<style>
#mostrador, #escondedor{
color:black;
font-weight:bold;
cursor:pointer;
}
#mostrador:hover, #escondedor:hover{
background-color:green;
}
</style>
Carregue em Salvar!

Melhores cumprimentos.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos