Categoria retrátil

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

Resolvido Categoria retrátil

Mensagem por Dener Henrique em 05/03/13, 01:43 am

Qual é minha questão:
Eu queria uma ajuda para deixar meu fórum com as categorias igual á desse forum
http://styleofliferp.forumeiros.com/forum

Com aquele sistema de minimizar e como deixar aquela foto ali que tem tipo umas manchas,onde fica o icone de minimizar.

Endereço do meu fórum:
Não é necessário.

Versão do fórum:
PHPBB3
avatar

Dener Henrique
Nível 2

Masculino
Inscrito dia : 04/03/2013
Mensagens : 6
Pontos Ativos : 12

Ver perfil do usuário http://brasil-gsprpg.forumeiros.com

Resolvido Re: Categoria retrátil

Mensagem por Kolseuvis em 05/03/13, 03:25 am

Dener, o botão minimizar nas categorias é uma exclusividade dos fóruns Invision. Vejo que você usa a PhpBB2, logo precisaria mudar a versão do seu fórum. Uma outra opção seria seguir este tutorial, que pode ser aplicado em todas as versões:

[TUTORIAL] Criar uma categoria retrátil

Em relação a "foto", ele apenas trocou a imagem de fundo das categorias por uma criada por ele mesmo.

Ajuda?
avatar

Kolseuvis
Membro do Fórum

Masculino
Inscrito dia : 25/04/2009
Mensagens : 1099
Pontos Ativos : 2122

Ver perfil do usuário http://www.formigaeletrica.com.br

Resolvido Re: Categoria retrátil

Mensagem por Dener Henrique em 05/03/13, 03:38 pm

Esses códigos não funcionam,eu coloco o do java e depois o da folha css mais não aparece nada na página inicial para minimizar.
a versão é phpbb3
avatar

Dener Henrique
Nível 2

Masculino
Inscrito dia : 04/03/2013
Mensagens : 6
Pontos Ativos : 12

Ver perfil do usuário http://brasil-gsprpg.forumeiros.com

Resolvido Re: Categoria retrátil

Mensagem por SkyDrive em 05/03/13, 03:42 pm

Olá,

Caso não tenha resultado por favor retire os outros códigos JavaScript que você possui em seu fórum pode estar em conflito, mais caso não aconteça efeito por favor tente utilizar este código JavaScript abaixo

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 ul.topiclist li').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>

Até
avatar

SkyDrive
Nível 8

Masculino
Inscrito dia : 03/03/2013
Mensagens : 128
Pontos Ativos : 159

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

Resolvido Re: Categoria retrátil

Mensagem por Gaaratsu em 05/03/13, 04:37 pm

Olá querido,

O senhor leu atentamente está parte:
O código deve ser adicionado a uma página Javascript, em "Painel de controle >> Módulos >> HTML E JAVASCRIPT >> Gestão dos códigos JavaScript

Tem de selecionar a opção "em todas as páginas". Após adicionar este código, terá de acrescentar o seguinte trecho de código CSS em sua folha de estilos 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)}

Leu? Café Se não, por favor leia novamente com calma e faça as devidas edições para que o efeito seja efetuado com sucesso.

Até mais. Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Categoria retrátil

Mensagem por Sennior em 05/03/13, 09:43 pm

Saudações! Muito feliz

Vá em Painel de controle ->> Módulos ->> HTML e Javascripts ->> Gestão dos códigos Javascripts ->>
Crie um novo Javascript, e em "investimento" marque a opção "Todas as páginas". Colque o código abaixo no campo código javascript:

Código:
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')}}}}});

Depois Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Coloque o seguinte CSS na folha de estilo:

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

Obs.: Caso o código .js não funcione, pegue-o diretamente desta página:
Flecha ajudeiros http://ajuda.forumeiros.com/12944.js

Até mais amigo Muito feliz
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: Categoria retrátil

Mensagem por Dener Henrique em 06/03/13, 01:22 am

Conseguir,obg á todos Feliz
avatar

Dener Henrique
Nível 2

Masculino
Inscrito dia : 04/03/2013
Mensagens : 6
Pontos Ativos : 12

Ver perfil do usuário http://brasil-gsprpg.forumeiros.com

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