Ola a todos pessoal. Bem o que eu queria e o seguinte: vi um efeito eem vários foruns logo acima das categorias, que ao clicar nuns botões, as categorias apareçem/desapareçem, tipo em abas. Gostava que ficasssem do genero deste forum: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] (aqueles botões de RPG, REINOS; TREINOS, etc..)
Caro iKnight o efeito que procuro não é o que me passas-te no tutorial. Vou-me explicar melhor: no forum que indiquei no primeiro post tem alguns botões de cor preta que ao clicar neles fazem apareçer uma certa zona das categorias, desapareçendo as outras e ficando o forum muito mais curto e arrumado. Vejam na imagem e cliquem nos botões indicados na caixa vermelha para entenderem melhor: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Olá! Eu tinha começado a adaptar o codigo pra você, mais não consegui grandes resultados :c vou ver se o daemon me ajuda com o codigo. Veja como está ficando : [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Os botões em css estão optimos Doki. Agora apenas falta conseguirem abrirem e fechas as categorias.. Eu falei com o dono do forum e ele disse-me que o codigo em questão culmina css, html e edição de template
Stronda ja outro membro tinha falado nesse tutorial, mas é esse efeito que quero. Peço que leiam o primeiro post e vejam as imagens que postei para entenderem o que pretendo
Eu também estou louca por este código a tempos, e tenho um aqui que consegui em um tutorial, o único problema é que ele está meio bugado. =\ Se alguma boa alma pudesse dar uns ajustes e consertar... Agradeceria muito!
Aqui está:
Adicone no JS (investimento em todas as páginas)
Código:
function tttf(n) { var tables = document.getElementById("main-content").getElementsByTagName("table")[n].parentNode; document.getElementById("ttid").innerHTML = tables.innerHTML; } $(function() { if (location.pathname=="/forum" || location.pathname=="/") { var tables = document.getElementById("main-content").getElementsByTagName("table"); var tf = document.getElementById("main-content"); var ttab = document.createElement("ul"); ttab.setAttribute("id","ttcl"); for (i=0; i<tables.length; i++) { tables[i].parentNode.style.display="none"; tables[i].parentNode.previousSibling.style.display="none"; ttab.innerHTML += "<li><a href='javascript:void(0);' onclick='tttf(" + [i] + ")'>" + tables[i].parentNode.previousSibling.childNodes[0].childNodes[0].innerHTML + "</a></li>"; tf.parentNode.insertBefore(ttab,tf); } var tl = document.createElement("div"); tl.innerHTML = "<div id='ttid'>Click on the above tabs to choose a category!</div>"; tf.parentNode.insertBefore(tl,tf); } });