Categorias em abas - Invision

Detalhes da questão

Endereço do fórum: http://playnaweb.yours.tv/
Versão do fórum: Invision

Descrição

Tentei aplicar o código deste turial https://ajuda.forumeiros.com/t93894-tutorial-categorias-em-abas e não resultou na versão Invision.

Alguma solução?

Olá!

Antes de mais, o seu fórum está ilegal por estar escondendo o footer oficial da Forumeiros.

Por esse motivo peço que retire o seguinte código:

Código:

#pun-about {
font-size: 0;
}

Caso não o faça, o seu fórum será reportado e não iremos esta sua questão.

Até mais.

Alguém andou fuçando no código-fonte...
Sem problemas, já removi o código! Apenas ocultei o footer para mostrar o website para meu cliente sem que fique aparecendo essas propagandas e outros links da forumeiros...

Sobre minha dúvida, será possível realizar tal efeito na versão Invision?

Ora, muito bem.

Antes de mais, terei que lhe dizer que o seu fórum se encontra na versão PunBB.

Até mais.

E o código, poderá ser adaptado para a versão Invision!? Sem que o fórum precise estar nessa versão?

Link do fórum atualizado.

E o código, poderá ser adaptado para a versão Invision!?

Agora eu fiquei um pouco confuso. :S

Se a versão que usa é PunBB, qual é a necessidade de ser adaptado para a versão Invision?

RafaelS. seu lindo, eu necessito do código para a versão Invision '-'

Era pra ser um fórum em "construção" mais ok... aqui está o link do fórum: http://playnaweb.yours.tv/

Até mais.

Troubleshoot escreveu:RafaelS. seu lindo, eu necessito do código para a versão Invision '-'

Era pra ser um fórum em "construção" mais ok... aqui está o link do fórum: http://playnaweb.yours.tv/

Até mais.

Entendo perfeitamente que não queira ainda divulgar o fórum em estado de construção, mas entenda que é essencial nos sabermos o endereço do fórum para ver o erro.

Bem, eu creio que esse código não seja mais funcional por ser antigo. Depois desse tutorial ter sido feito, veio a atualização de que os fóruns PhpBB3 e Invision passariam a ter edições por templates também. Enfim, eu acho que foi aí que o código parou de funcionar.

De qualquer maneira, depois de algumas horas consegui finalmente adaptar o código para que funcione.

Confira se ele é funcional:

Código:

function tttf(n) {
var tables = $("#main-content .borderwrap")[n];
document.getElementById("fa_tid").innerHTML = "<div class='forabg'>" + tables.innerHTML + "</div>";
}
$(function() {
if (location.pathname=="/forum" || location.pathname=="/") {
var tables = $("#main-content .borderwrap").get();
var tf = document.getElementById("navstrip");
var ttab = document.createElement("ul");
ttab.setAttribute("id","fa_tt");
for (i=0; i<tables.length; i++) {
tables[i].style.display="none";
ttab.innerHTML += "<li><a href='javascript:void(0);' onclick='tttf(" + [i] + ")'>" + tables[i].childNodes[0].childNodes[0].innerHTML + "</a></li>";
tf.parentNode.insertBefore(ttab,tf);
}
var tl = document.createElement("div");
tl.innerHTML = "<div id='fa_tid'>Clique para abrir a categoria!!!</div>";
tf.parentNode.insertBefore(tl,tf);
}
});

PS: Não se esqueça do CSS que está no tutorial.

Até mais.

RafaelS. THANKS! <3

Tópico resolvido.