Qual é minha questão:
Gostaria de saber como deixar minha categoria retrátil como nesse fórum:

http://master-publicitario.forumeiros.com/forum

Já procurei aqui no FDF ,mas nenhum funcionou, segui este tópico abaixo e não funcionou.

https://ajuda.forumeiros.com/t47513-criar-uma-categoria-retratil

Gostaria de saber se tem algum que funcione.

Endereço do meu fórum:
http://somosmugiwara.forumeiros.com

Versão do fórum:
PHPBB3

Olá,

Substitua o código do tutorial por este:

Código:

/* Avatar in index */
.avatar-index { float: left; }
.avatar-index img { width: 25px; height: 43px; padding: 1px; border: 1px solid #DDD; margin: 0 5px; }
.avatar-index img:hover { border: 1px dashed #CCC; }
 
/* Avatar del autor del ultimo mensaje en subforos */
.avatar-last-post { float: left; }
.avatar-last-post img { width: 25px; height: 43px; padding: 1px; border: 1px solid #DDD; margin: 0 5px; }
.avatar-last-post img:hover { border: 1px dashed #CCC; }
 
/* Avatar del autor del post */
.avatar-author-post {float: right;}
.avatar-author-post img { width: 25px; height: 43px; padding: 1px; border: 1px solid #DDD; margin: 0 5px; }
.avatar-author-post img:hover { border: 1px dashed #CCC; }

Até mais.

Han, não entendi, onde coloco isso?

Olá,

Aceda em sua "Folha de estilo CSS"

Até mais.

Não resultou cara

Olá Houdini,

Bom o código de categorias retráteis e em JavaScript, e não damos suporte a esse tipo de código aqui no FdF.
Lamento.

Até Mais!

Olá,

Aceda à "Gestão dos códigos JavaScript"
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript Criar um novo JavaScript:

Código:

.avatar-index { float: left; }
.avatar-index img { width: 25px; height: 43px; padding: 1px; border: 1px solid #DDD; margin: 0 5px; }
.avatar-index img:hover { border: 1px dashed #CCC; }
.avatar-author-post {float: right;}
.avatar-author-post img { width: 25px; height: 43px; padding: 1px; border: 1px solid #DDD; margin: 0 5px; }
.avatar-author-post img:hover { border: 1px dashed #CCC; }

Investimento: Em todas as páginas.
Valide.

Até mais.

Também não resultou cara.

Mas tem o tutorial disso, então dão suporte sim.

Olá Houdini,

Queira utilizar este seguinte código JS

Código:

jQuery(document).ready(function(){var p=0,u='http://www.ipbforumskins.com/skindemo/public/style_images/master/cat_minimize.png',v='http://www.ipbforumskins.com/skindemo/public/style_images/master/cat_maximize.png';jQuery('#main .main .main-head').each(function(){jQuery(this).next().attr('id',p);jQuery(this).next().css('display',my_getcookie('cat-'+jQuery(this).next().attr('id')));jQuery(this).append('<img src="'+u+'" id="abrirf" style="float: right;margin-right: -1px;margin-top: -17px;"/>');jQuery(this).find('#abrirf').click(function(){var i=jQuery(this).closest('.main-head').next();if(i.css('display')=='none'){i.slideToggle();jQuery(this).attr('src',u);my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'block',1,0)}else{i.slideToggle();jQuery(this).attr('src',v);my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'none',1,0)}});p++})});

Resulta?

Até Mais!

Também não resultou cara.

Chongas escreveu:Olá Houdini,

Bom o código de categorias retráteis e em JavaScript, e não damos suporte a esse tipo de código aqui no FdF.
Lamento.

Até Mais! :D

Olá, Querido

Você entendeu errado, Não damos suporte a códigos externos aos nossos tuturiais.

Até mais

Mas olha aqui o tutorial, mas não está funcionando.

https://ajuda.forumeiros.com/t23387-tutorial-criar-uma-categoria-retratil

Olá,

Caso não tenha resultado por favor retire os outros códigos JavaScript que você possui em seu fórum pode estar em conflito, mais caso não aconteça efeito por favor tente utilizar este código JavaScript abaixo

Código:

<script type="text/javascript">function EsconderCategoriaFeitoPorSupero(cid,iflag){var cat=document.getElementById(cid);var button=document.getElementById('b'+cid);if(cat.style.display=='none'){cat.style.display='block';button.className='contract';my_setcookie('_'+cid,'',true)}else{cat.style.display='none';button.className='expand';my_setcookie('_'+cid,'1',true)}}$(function(){x=$('ul.topiclist ul.topiclist li').get();for(i=0;i<x.length;i++){x[i].style.position='relative';var cid='c'+String(i+1);x[i].parentNode.nextSibling.setAttribute('id',cid);x[i].parentNode.nextSibling.style.display='block';var y='<div id="b'+cid+'" class="contract" onclick="EsconderCategoriaFeitoPorSupero(\''+cid+'\');"></div>';x[i].innerHTML=x[i].innerHTML+y}cookies=document·cookie.split('; ');for(i in cookies){if(cookies[i].charAt(0)=='_'){cookie=cookies[i].split('=');if(cookie[1]=='1'){cid=cookie[0].substring(1);if(document.getElementById(cid)){EsconderCategoriaFeitoPorSupero(cid,'x')}}}}});</script>

Até mais.

Não tem nenhum css não?

Olá,

Desculpa acabei esquecendo

Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>

Coloque o seguinte CSS na folha de estilo:

Código:

.contract,.expand{background:url(http://2img.net/i/fa/m/tabs_more1.gif);cursor:pointer;height:9px;position:absolute;right:10px;top:6px;width:9px}.contract{background:url(http://2img.net/i/fa/m/tabs_less1.gif)}

Até mais.

Saudações!

Acenda sua "Folha de estilo CSS"

Painel de controle Visualização Imagens e Cores Cores Folha de estilo CSS

Adicione o código abaixo;
Código:

.expand, .contract {
position: absolute;
top: -2px;
right: -6px;
cursor: pointer;
width: 13px;
height: 13px;
background: url(LINK DO ICON QUE DESEJA);
}

.contract {background: url(LINK DO ICON QUE DESEJA);}

Verde > Troque pelo valor que pede.
e Validar.

Depois acenda sua "Gestão dos códigos JavaScript"

Painel de Controlo Módulos HTML & JavaScript Gestão dos códigos JavaScript

Preencha de acordo abaixo

Título: O título que desejam.
Investimento: Marque "No índice".
Código JavaScript: O código mencionado abaixo.

Código:

Código:

eval(function(h,b,i,d,g,f){g=function(a){return a.toString(b)};if(!"".replace(/^/,String)){while(i--){f[g(i)]=d[i]||g(i)}d=[function(a){return f[a]}];g=function(){return"\\w+"};i=1}while(i--){if(d[i]){h=h.replace(new RegExp("\\b"+g(i)+"\\b","g"),d[i])}}return h}("1 9='2 3 4 5 6 7 8 0 a b c Æd.';$.e(\"f://g.h/i\")",19,19,"y|var|Categorias|desplegables|igual|que|Invision|para|PunBB|Copyright|phpBB3|desarrollado|por|ÆDesign|getScript|http|goo|gl|ii0xX".split("|"),0,{}));

e Confirmar.

Até

Thanks pablo,funciounou...