Categoria retrátil personalizada
Página 1 de 1 • Compartilhe
Categoria retrátil personalizada
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.
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.
Re: Categoria retrátil personalizada
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
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
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 |
Re: Categoria retrátil personalizada
Fico agradecido por vossa atenção e explicação.
Aguardarei pacientemente o termino da manutenção do código.
Aguardarei pacientemente o termino da manutenção do código.
Re: Categoria retrátil personalizada
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.
Não estou tentando apressá-los. Passou-se apenas uma semana.
Estou comentando para que não esquecerem de mim.
Re: Categoria retrátil personalizada
Olá amigo!
Cpainel > Módulos > HTML e JS > Criar uma página .JS > E cole o seguinte código:
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,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,"""):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>>> */
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 |
Re: Categoria retrátil personalizada
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.
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.
Re: Categoria retrátil personalizada
Olá!
Desculpe, é que estava com muita pressa para resolver alguns problemas e não me lembrei que tinha o CSS. Aqui está:
Shek
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;
}
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 |
Re: Categoria retrátil personalizada
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.
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.
Conteúdo patrocinado
Tópicos semelhantes
» Categoria retrátil personalizada
» Perfil personalizado retrátil para PhpBB3
» Categoria retrátil
» [TUTORIAL] Categoria retrátil
» Problema categorias retratil
» Perfil personalizado retrátil para PhpBB3
» Categoria retrátil
» [TUTORIAL] Categoria retrátil
» Problema categorias retratil
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|