ShiftActif fórum


Participe da melhor comunidade sobre fóruns!

Bem vindo ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!!
Compartilhe
Ver o tópico anteriorIr em baixoVer o tópico seguinte
avatar
Colaborador Actif
Masculino
Idade : 25
PointActif's : 2409
ReputActifs : 26
Mensagens : 406
Inscrição : 13/04/2012

100%
Ver perfil do usuáriohttp://suportedesign.forumeiros.com/

Resolvido Categoria retrátil personalizada

em Qui 7 Jun - 17:52
Olá, queridos.
Há alguns dias havia aqui no Shiftactif um sistema de categoria retrátil bem legal, o qual localizava-se acima de todas as categorias e, com quatro botões.
Quando clicávamos nos botões, as categorias eram suprimidas.
Gostaria que, se possível, contassem como fazer esse efeito.

Não há como eu adicionar uma imagem para demonstrar pois removeram o efeito mas acredito que recordem-se dele.

Desde já agradeço vossa atenção.
avatar
Adminactif
Adminactif
Masculino
Idade : 23
PointActif's : 4867
ReputActifs : 97
Mensagens : 2707
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%
Ver perfil do usuáriohttp://www.shiftactif.com/

Resolvido Re: Categoria retrátil personalizada

em Qui 7 Jun - 18:19
Olá Thoth!

O código desejado está desativado, porque está em manutenção. Pedimos ao senhor que aguarde até o anúncio oficial do efeito, que será disponibilizado em nossa seção de tutoriais.

Atenciosamente,
Shek Very Happy



Staff Shiftactif

Bem vindo ao fórum ShiftActif. Aconselhamos que você veja alguns subfóruns e regras para iniciar sua carreira na comunidade.
Regulamento e informações afins:
Seta verde   Condições gerais de uso & equipe voluntária.
Seta verde Necessidade de um Adminactif ou Deveolper?
Seta verde Lista de tutoriais.
Seta verde Aumente a segurança do seu fórum.
Fóruns interessantes:
Seta verde Tutoriais especiais.
Seta verde JuriActif.
Seta verde Suporte ao usuário ShiftActif.
Seta verde Sugestões & Melhoras.
Serviços extras:
Seta verde Exclusão de temas do Hitskin.
Seta verde Desinscrever-se de um fórum.
Seta verde Temas grátis para Download.
avatar
Colaborador Actif
Masculino
Idade : 25
PointActif's : 2409
ReputActifs : 26
Mensagens : 406
Inscrição : 13/04/2012

100%
Ver perfil do usuáriohttp://suportedesign.forumeiros.com/

Resolvido Re: Categoria retrátil personalizada

em Qui 7 Jun - 18:34
Fico agradecido por vossa atenção e explicação.
Aguardarei pacientemente o termino da manutenção do código.
avatar
Colaborador Actif
Masculino
Idade : 25
PointActif's : 2409
ReputActifs : 26
Mensagens : 406
Inscrição : 13/04/2012

100%
Ver perfil do usuáriohttp://suportedesign.forumeiros.com/

Resolvido Re: Categoria retrátil personalizada

em Sex 15 Jun - 13:36
Gostaria de saber como anda a atualização/manutenção do código.
Não estou tentando apressá-los. Passou-se apenas uma semana.
Estou comentando para que não esquecerem de mim.

avatar
Adminactif
Adminactif
Masculino
Idade : 23
PointActif's : 4867
ReputActifs : 97
Mensagens : 2707
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%
Ver perfil do usuáriohttp://www.shiftactif.com/

Resolvido Re: Categoria retrátil personalizada

em Sex 15 Jun - 14:33
Olá amigo!

Cpainel > Módulos > HTML e JS > Criar uma página .JS > E cole o seguinte código:
Código:
/* <<<Phpbb3 using - Shiftactif codeasy>>> */
$(function(){

    $(function(){
   
        /* salvar o estado para a próxima vez ou não (false) */
        save= true; 

        /* html permitido nos títulos de guia (false) ou não */
        safe= true;
       
        /* tipo (slideDown, fadeIn, show) e duração (ms) do início */
        show= ["slideDown",500];
       
        /* idem ( types : slideUp, fadeOut, hide ) mais de disparition */
        hide= ["slideUp",500];
               
        /* evento nas guias (mouseenter, clique, ...)*/
        event= "click";
       
        /* adicionar tags e escolha o padrão */
        defaut= add("Todas");
        add("Categoria 01",[1,2]);
        add("Categoria 02",[2,4]);
        add("Esconder tudo",5);

        /* ajout de l'emplacement des tabs */
        conteneur_tabs("before",".cat-table:first");
       
    });
   
    $(function(){var a;if(save&&window.localStorage&&(a=localStorage.getItem("tabs"))&&(a=u(a)))defaut=a;$(".cat-table").filter(function(a){return!z(defaut,a)}).hide();for(a=0;a<v.length;a++)$(".cat-tabs").append('<div class="ct-item'+(v[a]==defaut?" ct-active":"")+'">'+(safe?v[a][0].replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;"):v[a][0])+"</div>");$(".cat-tabs").on(event,".ct-item",function(){$(".cat-tabs .ct-active").removeClass("ct-active");var a=$(this).parent().children().index(this);
$(".cat-tabs").each(function(){$(this).children().eq(a).addClass("ct-active")});var c=v[a];$(".cat-table").not($(".cat-table").filter(function(a){return z(c,a)})[show[0]](show[1]))[hide[0]](hide[1]);save&&window.localStorage&&localStorage.setItem("tabs",JSON.stringify(c))})});
var hide,show,save,safe,event,timeslide,defaut,v=[],w=["th.secondarytitle","div.table-title h2","div.page-title h2","div.maintitle h2"],x=["table","div.forabg","div.main-head","div.borderwrap"],y=[null,null,"div.main-content",null],ver=function(){return $("#phpbb").length?1:$("#pun-intro").length?2:$("#ipbwrapper").length?3:0},add=function(a,b){if(1==arguments.length)if("number"==typeof a)if(0<=a&&$(w[ver()]).length>=a+1)a=$(w[ver()]).eq(b=a).text();else return;else if("string"==typeof a)for(var b=
[],c=0;c<$(w[ver()]).length;c++)b.push(c);v.push([a,"number"==typeof b?[b]:b]);return v[v.length-1]},u=function(a){for(var b=0;b<v.length;b++)if(JSON.stringify(v[b])==a)return v[b];return!1},conteneur_tabs=function(a,b){$(b)[a]('<div class="cat-tabs"></div>')},z=function(a,b){for(var c=0;c<a[1].length;c++)if(a[1][c]==b)return!0;return!1};$(w[ver()]).closest(x[ver()]).each(function(){$(this).add(y[ver()]).wrapAll('<div class="cat-table" />')});
   
});

        /* <<<Phpbb3 using - Shiftactif codeasy>>> */
Lembre-se que o mesmo deve ser aplicado ao índice! Piscada



Staff Shiftactif

Bem vindo ao fórum ShiftActif. Aconselhamos que você veja alguns subfóruns e regras para iniciar sua carreira na comunidade.
Regulamento e informações afins:
Seta verde   Condições gerais de uso & equipe voluntária.
Seta verde Necessidade de um Adminactif ou Deveolper?
Seta verde Lista de tutoriais.
Seta verde Aumente a segurança do seu fórum.
Fóruns interessantes:
Seta verde Tutoriais especiais.
Seta verde JuriActif.
Seta verde Suporte ao usuário ShiftActif.
Seta verde Sugestões & Melhoras.
Serviços extras:
Seta verde Exclusão de temas do Hitskin.
Seta verde Desinscrever-se de um fórum.
Seta verde Temas grátis para Download.
avatar
Colaborador Actif
Masculino
Idade : 25
PointActif's : 2409
ReputActifs : 26
Mensagens : 406
Inscrição : 13/04/2012

100%
Ver perfil do usuáriohttp://suportedesign.forumeiros.com/

Resolvido Re: Categoria retrátil personalizada

em Sex 15 Jun - 23:31
Olá, Shek.
O código que o senhor forneceu, resulta perfeitamente no que diz respeito à função.
Contudo, ele não apresenta-se da maneira com a qual eu o vi aqui no fórum Shiftactif.
Acredito que esteja faltando um CSS complementar ou algo do gênero pois, em meu fórum, ele se apresenta como uma forma de lista e não como botões como era aqui.

Veja:



Desde já agradeço vossa atenção em minha questão.
avatar
Adminactif
Adminactif
Masculino
Idade : 23
PointActif's : 4867
ReputActifs : 97
Mensagens : 2707
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%
Ver perfil do usuáriohttp://www.shiftactif.com/

Resolvido Re: Categoria retrátil personalizada

em Sab 16 Jun - 10:01
Olá!

Desculpe, é que estava com muita pressa para resolver alguns problemas e não me lembrei que tinha o CSS. Aqui está:
Código:
.cat-tabs {
  text-align: center;
  margin: 10px auto;
}
.ct-item {
  display: inline;
  padding: 5px;
  margin: 5px;
  background: #D3EFF6;
  color: #999999;
  font-weight: bold;
}
.ct-active {
  color: #FFF;
  background: #D7EEB7;
}
Atenciosamente,
Shek



Staff Shiftactif

Bem vindo ao fórum ShiftActif. Aconselhamos que você veja alguns subfóruns e regras para iniciar sua carreira na comunidade.
Regulamento e informações afins:
Seta verde   Condições gerais de uso & equipe voluntária.
Seta verde Necessidade de um Adminactif ou Deveolper?
Seta verde Lista de tutoriais.
Seta verde Aumente a segurança do seu fórum.
Fóruns interessantes:
Seta verde Tutoriais especiais.
Seta verde JuriActif.
Seta verde Suporte ao usuário ShiftActif.
Seta verde Sugestões & Melhoras.
Serviços extras:
Seta verde Exclusão de temas do Hitskin.
Seta verde Desinscrever-se de um fórum.
Seta verde Temas grátis para Download.
avatar
Colaborador Actif
Masculino
Idade : 25
PointActif's : 2409
ReputActifs : 26
Mensagens : 406
Inscrição : 13/04/2012

100%
Ver perfil do usuáriohttp://suportedesign.forumeiros.com/

Resolvido Re: Categoria retrátil personalizada

em Sab 16 Jun - 14:58
Muito obrigado, Shek.
O senhor pode dar esta questão como solucionada.
Estou muito agradecido por vossa disponibilidade em ajudar-me.
Sobre ter esquecido o CSS, não há problema. Compreendo perfeitamente que és uma pessoa atarefada.

Obrigado.
Ver o tópico anteriorVoltar ao TopoVer o tópico seguinte
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum