ShiftActif fórum

Categoria retrátil personalizada Homepg10

Participe da melhor comunidade sobre fóruns!

Bem vindo Categoria retrátil personalizada 405374159 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!!! Categoria retrátil personalizada 1660898911
ShiftActif fórum

Categoria retrátil personalizada Homepg10

Participe da melhor comunidade sobre fóruns!

Bem vindo Categoria retrátil personalizada 405374159 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!!! Categoria retrátil personalizada 1660898911

Categoria retrátil personalizada

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

Resolvido Categoria retrátil personalizada

Mensagem por Reborn 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.
Reborn

Reborn
Colaborador Actif

Masculino
Idade : 32
PointActif's : 4822
ReputActifs : 26
Mensagens : 406
Inscrição : 13/04/2012

100%

http://suportedesign.forumeiros.com/

Resolvido Re: Categoria retrátil personalizada

Mensagem por Shek 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 a comunidade ShiftActif!
Leia as regras do fórum.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek Crowley
Shek

Shek
Administrador

Masculino
Idade : 30
PointActif's : 7411
ReputActifs : 97
Mensagens : 2777
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%

https://shiftactive.blogspot.com/

Resolvido Re: Categoria retrátil personalizada

Mensagem por Reborn Qui 7 Jun - 18:34

Fico agradecido por vossa atenção e explicação.
Aguardarei pacientemente o termino da manutenção do código.
Reborn

Reborn
Colaborador Actif

Masculino
Idade : 32
PointActif's : 4822
ReputActifs : 26
Mensagens : 406
Inscrição : 13/04/2012

100%

http://suportedesign.forumeiros.com/

Resolvido Re: Categoria retrátil personalizada

Mensagem por Reborn 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.

Reborn

Reborn
Colaborador Actif

Masculino
Idade : 32
PointActif's : 4822
ReputActifs : 26
Mensagens : 406
Inscrição : 13/04/2012

100%

http://suportedesign.forumeiros.com/

Resolvido Re: Categoria retrátil personalizada

Mensagem por Shek 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 a comunidade ShiftActif!
Leia as regras do fórum.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek Crowley
Shek

Shek
Administrador

Masculino
Idade : 30
PointActif's : 7411
ReputActifs : 97
Mensagens : 2777
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%

https://shiftactive.blogspot.com/

Resolvido Re: Categoria retrátil personalizada

Mensagem por Reborn 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:

Categoria retrátil personalizada OwWAZ


Desde já agradeço vossa atenção em minha questão.
Reborn

Reborn
Colaborador Actif

Masculino
Idade : 32
PointActif's : 4822
ReputActifs : 26
Mensagens : 406
Inscrição : 13/04/2012

100%

http://suportedesign.forumeiros.com/

Resolvido Re: Categoria retrátil personalizada

Mensagem por Shek Sáb 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 a comunidade ShiftActif!
Leia as regras do fórum.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek Crowley
Shek

Shek
Administrador

Masculino
Idade : 30
PointActif's : 7411
ReputActifs : 97
Mensagens : 2777
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%

https://shiftactive.blogspot.com/

Resolvido Re: Categoria retrátil personalizada

Mensagem por Reborn Sáb 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.
Reborn

Reborn
Colaborador Actif

Masculino
Idade : 32
PointActif's : 4822
ReputActifs : 26
Mensagens : 406
Inscrição : 13/04/2012

100%

http://suportedesign.forumeiros.com/

Resolvido Re: Categoria retrátil personalizada

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos