Categoria retrátil não funciona

4 participantes

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

Tópico resolvido Categoria retrátil não funciona

Mensagem por Connor R. 17.04.13 18:20

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


Última edição por Houdini em 18.04.13 0:04, editado 1 vez(es)
Connor R.

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Categoria retrátil não funciona

Mensagem por HermeS. 17.04.13 18:32

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

HermeS.
****

Membro desde : 07/09/2012
Mensagens : 304
Pontos : 366

http://revolutioncheatsbr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categoria retrátil não funciona

Mensagem por Connor R. 17.04.13 18:37

Han, não entendi, onde coloco isso?
Connor R.

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Categoria retrátil não funciona

Mensagem por HermeS. 17.04.13 18:43

Olá,

Aceda em sua "Folha de estilo CSS"

Até mais.
HermeS.

HermeS.
****

Membro desde : 07/09/2012
Mensagens : 304
Pontos : 366

http://revolutioncheatsbr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categoria retrátil não funciona

Mensagem por Connor R. 17.04.13 18:47

Não resultou cara
Connor R.

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Categoria retrátil não funciona

Mensagem por Chongas 17.04.13 19:03

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
avatar

Chongas
*

Membro desde : 12/04/2013
Mensagens : 43
Pontos : 98

Ir para o topo Ir para baixo

Tópico resolvido Re: Categoria retrátil não funciona

Mensagem por HermeS. 17.04.13 19:07

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

HermeS.
****

Membro desde : 07/09/2012
Mensagens : 304
Pontos : 366

http://revolutioncheatsbr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categoria retrátil não funciona

Mensagem por Connor R. 17.04.13 19:11

Também não resultou cara.

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

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Categoria retrátil não funciona

Mensagem por Chongas 17.04.13 19:55

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
avatar

Chongas
*

Membro desde : 12/04/2013
Mensagens : 43
Pontos : 98

Ir para o topo Ir para baixo

Tópico resolvido Re: Categoria retrátil não funciona

Mensagem por Connor R. 17.04.13 20:07

Também não resultou cara.
Connor R.

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Categoria retrátil não funciona

Mensagem por Gmtp 17.04.13 20:21

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
Gmtp

Gmtp
Super Membro

Membro desde : 03/01/2013
Mensagens : 1044
Pontos : 1469

http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Ir para o topo Ir para baixo

Tópico resolvido Re: Categoria retrátil não funciona

Mensagem por Connor R. 17.04.13 20:30

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

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

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Categoria retrátil não funciona

Mensagem por Gmtp 17.04.13 20:41

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

Gmtp
Super Membro

Membro desde : 03/01/2013
Mensagens : 1044
Pontos : 1469

http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Ir para o topo Ir para baixo

Tópico resolvido Re: Categoria retrátil não funciona

Mensagem por Connor R. 17.04.13 20:42

Não tem nenhum css não?
Connor R.

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Categoria retrátil não funciona

Mensagem por Gmtp 17.04.13 20:45

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

Gmtp
Super Membro

Membro desde : 03/01/2013
Mensagens : 1044
Pontos : 1469

http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Ir para o topo Ir para baixo

Tópico resolvido Re: Categoria retrátil não funciona

Mensagem por Convidado 17.04.13 21:18

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
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Categoria retrátil não funciona

Mensagem por Connor R. 17.04.13 23:46

Thanks pablo,funciounou...
Connor R.

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos