Categoria retrátil não funciona

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

Resolvido Categoria retrátil não funciona

Mensagem por Connor R. em 17/04/13, 02:20 pm

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.

http://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


Última edição por Houdini em 17/04/13, 08:04 pm, editado 1 vez(es)
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Categoria retrátil não funciona

Mensagem por HermeS. em 17/04/13, 02:32 pm

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.
avatar

HermeS.
Usuário avançado

Masculino
Inscrito dia : 06/09/2012
Mensagens : 304
Pontos Ativos : 366

Ver perfil do usuário http://revolutioncheatsbr.forumeiros.com/

Resolvido Re: Categoria retrátil não funciona

Mensagem por Connor R. em 17/04/13, 02:37 pm

Han, não entendi, onde coloco isso?
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Categoria retrátil não funciona

Mensagem por HermeS. em 17/04/13, 02:43 pm

Olá,

Aceda em sua "Folha de estilo CSS"

Até mais.
avatar

HermeS.
Usuário avançado

Masculino
Inscrito dia : 06/09/2012
Mensagens : 304
Pontos Ativos : 366

Ver perfil do usuário http://revolutioncheatsbr.forumeiros.com/

Resolvido Re: Categoria retrátil não funciona

Mensagem por Connor R. em 17/04/13, 02:47 pm

Não resultou cara
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Categoria retrátil não funciona

Mensagem por Chongas em 17/04/13, 03:03 pm

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! Muito feliz

Chongas
Nível 5

Masculino
Inscrito dia : 12/04/2013
Mensagens : 43
Pontos Ativos : 98

Ver perfil do usuário

Resolvido Re: Categoria retrátil não funciona

Mensagem por HermeS. em 17/04/13, 03:07 pm

Olá,

Aceda à "Gestão dos códigos JavaScript"
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos códigos JavaScript Seta 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.
avatar

HermeS.
Usuário avançado

Masculino
Inscrito dia : 06/09/2012
Mensagens : 304
Pontos Ativos : 366

Ver perfil do usuário http://revolutioncheatsbr.forumeiros.com/

Resolvido Re: Categoria retrátil não funciona

Mensagem por Connor R. em 17/04/13, 03:11 pm

Também não resultou cara.

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

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Categoria retrátil não funciona

Mensagem por Chongas em 17/04/13, 03:55 pm

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!Muito feliz

Chongas
Nível 5

Masculino
Inscrito dia : 12/04/2013
Mensagens : 43
Pontos Ativos : 98

Ver perfil do usuário

Resolvido Re: Categoria retrátil não funciona

Mensagem por Connor R. em 17/04/13, 04:07 pm

Também não resultou cara.
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Categoria retrátil não funciona

Mensagem por Gmtp em 17/04/13, 04:21 pm

@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
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Categoria retrátil não funciona

Mensagem por Connor R. em 17/04/13, 04:30 pm

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

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

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Categoria retrátil não funciona

Mensagem por Gmtp em 17/04/13, 04:41 pm

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.
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Categoria retrátil não funciona

Mensagem por Connor R. em 17/04/13, 04:42 pm

Não tem nenhum css não?
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Categoria retrátil não funciona

Mensagem por Gmtp em 17/04/13, 04:45 pm

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://illiweb.com/fa/m/tabs_more1.gif);cursor:pointer;height:9px;position:absolute;right:10px;top:6px;width:9px}.contract{background:url(http://illiweb.com/fa/m/tabs_less1.gif)}

Até mais.
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Categoria retrátil não funciona

Mensagem por Convidado em 17/04/13, 05:18 pm

Saudações!

Acenda sua "Folha de estilo CSS"
Painel de controle Admineiros Visualização Admineiros Imagens e Cores Admineiros Cores Admineiros 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 Admineiros Módulos Admineiros HTML & JavaScript Admineiros 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é Piscada

Convidado
Convidado


Resolvido Re: Categoria retrátil não funciona

Mensagem por Connor R. em 17/04/13, 07:46 pm

Thanks pablo,funciounou...
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum