Criar uma categoria retrátil

por ZombieW 21.10.11 6:00

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('https://2img.net/i/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(https://2img.net/i/fa/m/tabs_more1.gif);cursor:pointer;height:9px;position:absolute;right:10px;top:6px;width:9px}
.contract{background:url(https://2img.net/i/fa/m/tabs_less1.gif)}

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

Imagens do meu problema:
Criar uma categoria retrátil 35991426

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

Versão do meu fórum:
PHPBB3

por Cream 21.10.11 14:55

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

https://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://2img.net/i/fa/m/tabs_more1.gif);cursor:pointer;height:9px;position:absolute;right:10px;top:6px;width:9px} .contract{background:url(http://2img.net/i/fa/m/tabs_less1.gif)}

Até mais.

por ZombieW 22.10.11 5:10

Obrigado, funcionou.

^^

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

por ZombieW 28.10.11 15:23

por Dury 28.10.11 23:37

Olá!

Isso não é possível!

por ZombieW 29.10.11 3:59

Ok, obrigado.

Pode fechar.

Hitskin.com

Criar uma categoria retrátil

Criar uma categoria retrátil

Re: Criar uma categoria retrátil

Re: Criar uma categoria retrátil

Re: Criar uma categoria retrátil

Re: Criar uma categoria retrátil

Re: Criar uma categoria retrátil