Como coloca minimizador de categorias

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

Resolvido Como coloca minimizador de categorias

Mensagem por Lucas2122 em 11/12/12, 04:37 pm

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
avatar

Lucas2122
Usuário destaque

Masculino
Inscrito dia : 16/08/2011
Mensagens : 774
Pontos Ativos : 1348

Ver perfil do usuário http://moldentec.forumeiros.com/forum

Resolvido Re: Como coloca minimizador de categorias

Mensagem por Consolado em 11/12/12, 04:39 pm

Olá!

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

Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Como coloca minimizador de categorias

Mensagem por Lucas2122 em 11/12/12, 04:58 pm

Não deu certo
avatar

Lucas2122
Usuário destaque

Masculino
Inscrito dia : 16/08/2011
Mensagens : 774
Pontos Ativos : 1348

Ver perfil do usuário http://moldentec.forumeiros.com/forum
  • 0

Resolvido Re: Como coloca minimizador de categorias

Mensagem por Sennior em 11/12/12, 07:33 pm

Olá!

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

Poderia nós dizer o que deu errado?
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como coloca minimizador de categorias

Mensagem por Lucas2122 em 11/12/12, 10:09 pm

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

Lucas2122
Usuário destaque

Masculino
Inscrito dia : 16/08/2011
Mensagens : 774
Pontos Ativos : 1348

Ver perfil do usuário http://moldentec.forumeiros.com/forum

Resolvido Re: Como coloca minimizador de categorias

Mensagem por seender em 13/12/12, 03:38 pm

Olá!

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

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Como coloca minimizador de categorias

Mensagem por DarkDoki em 13/12/12, 04:12 pm

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()})});

DarkDoki
Nível 10

Masculino
Inscrito dia : 01/11/2011
Mensagens : 250
Pontos Ativos : 390

Ver perfil do usuário http://darkcheatsbr.com

Resolvido Re: Como coloca minimizador de categorias

Mensagem por Consolado em 13/12/12, 04:46 pm

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

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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