Sobre categoria que se retrai

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

Resolvido Sobre categoria que se retrai

Mensagem por Jpjupa em 19/03/13, 01:03 am

Qual é minha questão:
Olá amigos, apenas necessito o link do tutorial, ou alguem que saiba me explicar como fazer uma categoria retrátil, por exemplo á desse fórum: http://www.power-pixel.net/

Quero ter acesso ao efeito, para aprimorar.
Aguardo.

Jpjupa.

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

Versão do fórum:
PHPBB3
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Sobre categoria que se retrai

Mensagem por Convidado em 19/03/13, 09:51 am

Olá querido! Eu amo você

Adicione este código em sua "Gestão de Javascript"
Código:
jQuery(document).ready(function(){
    jQuery('.main .main-head').append('<span style="display:none" class="contar2">1</span>');
    jQuery('.main .main-head').css('cursor','pointer');
    jQuery('.main .main-head').attr('title','Fechar Categoria Abaixo');
    jQuery('.main .main-head').click(function(){
    if(jQuery(this).find('.contar2').text() == "1"){
    jQuery(this).next('.main-content').slideUp();
    jQuery('.main .main-head').attr('title','Mostrar Categoria Abaixo');
    jQuery(this).find('.contar2').text('2');
    }else{
    jQuery(this).next('.main-content').slideDown();
    jQuery('.main .main-head').attr('title','Fechar Categoria Abaixo');
    jQuery(this).find('.contar2').text('1');
    }
    });
    });
Investimentos: Em todas as página
Confirmar.
Só lembrando, basta click na barra da categoria que ele minimiza, dai para maximizar novamente basta click na barra de categoria.

Até.

Convidado
Convidado


Resolvido Re: Sobre categoria que se retrai

Mensagem por Jpjupa em 19/03/13, 10:11 am

Esse não é o código usado pelo power pixel.
Preciso do mesmo.

Mas obrigado pela intenção.
Aguardo.

Jpjupa.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Sobre categoria que se retrai

Mensagem por Sennior em 19/03/13, 06:44 pm

Saudações!

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". Coloque 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


Passar Bem! Piscada
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: Sobre categoria que se retrai

Mensagem por Jpjupa em 19/03/13, 09:13 pm

Olá, desculpe não avisar.
Já peguei o código do power pixel e fiz o efeito desejado.

Não precisei de suporte.

Obrigado!
Jpjupa.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

Ver perfil do usuário http://ajuda.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