Criar uma categoria retrátil

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

Resolvido Criar uma categoria retrátil

Mensagem por ZombieW em 21/10/11, 03:00 am

Qual é minha questão:
Gostaria de poder minimizar as categorias, assim como aqui no Fórum dos Fóruns.

Segue meu código JavaScript:

Código:
<script type="text/javascript">function EsconderCategoriaFeitoPorSupero(cid,iflag){var cat=document.getElementById(cid);var button=document.getElementById('b'+cid);if(cat.style.display=='none'){cat.style.display='block';button.className='contract';my_setcookie('_'+cid,'',true)}else{cat.style.display='none';button.className='expand';my_setcookie('_'+cid,'1',true)}}$(function(){x=$('ul.topiclist li.header').get();for(i=0;i<x.length;i++){x[i].style.position='relative';var cid='c'+String(i+1);x[i].parentNode.nextSibling.setAttribute('id',cid);x[i].parentNode.nextSibling.style.display='block';var y='<div id="b'+cid+'" class="contract" onclick="EsconderCategoriaFeitoPorSupero(\''+cid+'\');"></div>';x[i].innerHTML=x[i].innerHTML+y}cookies=document·cookie.split('; ');for(i in cookies){if(cookies[i].charAt(0)=='_'){cookie=cookies[i].split('=');if(cookie[1]=='1'){cid=cookie[0].substring(1);if(document.getElementById(cid)){EsconderCategoriaFeitoPorSupero(cid,'x')}}}}});</script>

E meu CSS, com a parte em azul destacada para a parte de minimizar que eu testei:

.postprofile {
width: 17%;
}

#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}
ul.navlinks span.new-message {
color: #ff8a00;
padding-right: 2em;
background: transparent url('http://illiweb.com/fa/email.gif') no-repeat top right;
}
a.mainmenu:hover{border-bottom:3px solid #00A4CD}
a.mainmenu {
color: #000000;
background-color: #CADCEB;
}
.module div.h3{
border:1px solid #000;
margin-top:-10px !important;
margin-right:-11px !important;
margin-left:-11px !important;
padding-top:20px;
padding-left:20px;
text-align: center;
}
.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.contract,.expand{background:url(http://illiweb.com/fa/m/tabs_more1.gif);cursor:pointer;height:9px;position:absolute;right:10px;top:6px;width:9px}
.contract{background:url(http://illiweb.com/fa/m/tabs_less1.gif)}


Medidas que eu tomei para corrigir o problema:
Tentei diversos códigos, inclusive o tutorial http://ajuda.forumeiros.com/t23387-tutorial-criar-uma-categoria-retratil

Imagens do meu problema:


Endereço do meu fórum:
http://tutorialdopw.forumbrasil.net

Versão do meu fórum:
PHPBB3
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1274
Pontos Ativos : 1799

Ver perfil do usuário http://www.perfectteam.org
  • 0

Resolvido Re: Criar uma categoria retrátil

Mensagem por Cream em 21/10/11, 11:55 am

Olá,

Aceda em:
Painel de Controle -> Módulos -> HTML & JAVASCRIPT -> Gestão das páginas Javascript
Marque o investimento em todas as páginas.
E no código, coloque o seguinte código que se encontra no link abaixo. Deves pegá-lo lá na fonte:
Admineiros http://ajuda.forumeiros.com/12595.js

Depois aceda em:
Painel de Controle -> Visualização -> Imagens e Cores -> Cores / Folha de estilo CSS

E adicione o seguinte código CSS:
Código:
    .contract,.expand{background:url(http://illiweb.com/fa/m/tabs_more1.gif);cursor:pointer;height:9px;position:absolute;right:10px;top:6px;width:9px}
    .contract{background:url(http://illiweb.com/fa/m/tabs_less1.gif)}

Até mais.

avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Criar uma categoria retrátil

Mensagem por ZombieW em 22/10/11, 02:10 am

Obrigado, funcionou.

^^

Há como por as opções "Expandir Todos" e "Minimizar Todos"?
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1274
Pontos Ativos : 1799

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Criar uma categoria retrátil

Mensagem por ZombieW em 28/10/11, 12:23 pm

"UP"
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1274
Pontos Ativos : 1799

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Criar uma categoria retrátil

Mensagem por Dury em 28/10/11, 08:37 pm

Olá!

Isso não é possível!
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Criar uma categoria retrátil

Mensagem por ZombieW em 29/10/11, 12:59 am

Ok, obrigado.

Pode fechar.
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1274
Pontos Ativos : 1799

Ver perfil do usuário http://www.perfectteam.org

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