Botões de minimizar e voltar ao normal a categoria

Qual é minha questão:
Entao queria poder por esses botõezinhos no meu forum

De clica para minimizar a categoria 

E dps de minimizada , fazela voltar ao normal ..

Como ? '' Eu ja tenho os botoes ;D ''

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

Versão do fórum:
PHPBB3

Ola,

Peço que leia:[Tutorial] Criar uma categoria retrátil

Ae man , eu fiz tudo conforme o tutorial e nao funcionou , e agora ?

Ola,
troque o codigo JS por este

Código:

jQuery(document).ready(function(){jQuery('a[href*="?mark=topics"]').html('Marcar tópicos como lidos');jQuery('.pagination a[href*="showhide"]:contains("Mais")').html('Mais');jQuery('.topic-actions div.pathname-box:contains("::") p:has(a.nav)').each(function(){jQuery(this).html(jQuery(this).html().replace('::',':-:').split(':-:')[1])});jQuery('.topic-actions:contains("::") p.nomargin.path:has(a.nav)').each(function(){jQuery(this).html(jQuery(this).html().replace('::',':-:').split(':-:')[1])});jQuery('#plus_menu .left-overview:eq(0)').hide();jQuery('#plus_menu a').click(function(){jQuery('#plus_menu').hide()});if(jQuery('.post').length){jQuery('#plus_menu .left-overview:eq(1) strong').append('<a class=addthis_button href=http://addthis.com/bookmark.php?v=250&pub=forumotion>Compartilhe</a>')};jQuery('p.author').each(function(){jQuery(this).html('<w>'+jQuery(this).html()+'</w>');jQuery(this).css('width',jQuery(this).find('w').css('width'))});jQuery('input[type="submit"][name="delete"][value="Excluir Mensagem"]').click(function(){if(jQuery('#mpdelete').length==0){s="jQuery(this).closest('form').remove()";jQuery(this).closest('fieldset').after('<form action=/privmsg?folder='+location.href.split("folder=")[1].split("&")[0]+' method=post style=text-align:center;font-size:12px><br>Deseja realmente excluir esta mensagem privada?<br><br><b style=display:none><input name=mode value=""><input name=delete value=true><input name="mark[]" value='+jQuery('input[name="mark[]"]:eq(0)').val()+'></b><input class=button2 type=submit name=confirm value=Sim id=mpdelete> <input class=button2 type=submit name=cancel value=Não onclick="'+s+';return false"></form>')};return false});jQuery('.postbody dl.codebox dd code').each(function(){t='';i=1;while(i<=new Number(jQuery(this).css('height').replace('px','')/15).toFixed(0)){t+='\n'+i;i++};jQuery(this).before('<pre>'+t+'</pre>')});if(location.pathname!='/'&&location.pathname!='/forum'){jQuery('ul.linklist:has(li a:contains("Ver as novas mensagens desde minha última visita"))').hide()}else{jQuery('.panel:has(form[action*="/login"][name="form_login"] .user_login_form)').css('background-color','white')};if(jQuery('.pathname-box a.nav[href*="/f1-"]').length){jQuery('#blog_comments').append('<div class=fb-comments data-href="http://ajuda.forumeiros.com'+location.pathname+'" data-num-posts=5 data-width='+jQuery('#blog_comments').css('width')+'></div>')};jQuery('#main-content p.left-box:has(a[href*="#"] img[title])').css('visibility','hidden');jQuery('.forumbg:not(.announcement) .topiclist.topics:not(.bg_none) .dterm').append(' ('+jQuery('.forumbg:not(.announcement) .topiclist.bg_none .dterm').length+')');jQuery('a[href^="http://www.directorioforuns.com/"]').html('Diretório dos fóruns');jQuery('#page-footer li.rightside a.copyright[href="http://www.publieiros.com"]').attr('href','/t7556-').html('Nossa equipe');jQuery('a[href^="/post?f=6&mode=newtopic"]').attr('href','/h1-');jQuery('a[href^="/post?f=15&mode=newtopic"]').attr('href','/h2-');jQuery('a[href^="/post?f=17&mode=newtopic"]').attr('href','/h3-');if(location.pathname=='/search'&&location.href.indexOf('search_keywords=')!=-1&&location.href.indexOf('&')!=-1){s=encodeURIComponent(unescape(location.href.split('search_keywords=')[1].split('&')[0]));jQuery('#main-content form[action*="/search?search_id=watchsearch"]').before('<iframe src="http://google.com/cse?cx=partner-pub-4591355146850004%3A5829051292&cof=FORID%3A10&ie=UTF-8&q='+s+'&siteurl=ajuda.forumeiros.com%2F%3Fq%3D'+s+'&ref=&ad=n9&num=10" frameborder=0 width=100% height=1330 marginwidth=0 marginheight=0 allowtransparency=true scrolling=yes></iframe>')};jQuery('#page-header #search-box input[type="submit"]').click(function(){s=encodeURIComponent(unescape(jQuery('#page-header #search-box input#keywords').val()));jQuery('#page-body').html('<iframe src="http://google.com/cse?cx=partner-pub-4591355146850004%3A5829051292&cof=FORID%3A10&ie=UTF-8&q='+s+'&siteurl=ajuda.forumeiros.com%2F%3Fq%3D'+s+'&ref=&ad=n9&num=10" frameborder=0 width=100% height=1630 marginwidth=0 marginheight=0 allowtransparency=true scrolling=yes></iframe>');return false});if(jQuery('input[name=mode][value=newtopic]').length){jQuery('input[name=subject]').keyup(function(){e=this.value;s='#sthd';h='h2.topic-title';jQuery.ajax({url:'/search?sort_dir=ASC&show_results=topics&sort_by=2&search_where=f45&search_keywords='+e,success:function(d){l='';if(jQuery(h,d).length!=0){jQuery(h,d).each(function(i){if(i<8){l+='<dd class=dterm>'+this.innerHTML+'</dd>'}})}else{l='Nenhum tópico encontrado'};jQuery(s).html('<dl><dt><label>Pode te ajudar:</label></dt>'+l+'</dl>')}})});jQuery('input[name=subject]').parent().parent().after('<div id=sthd style=margin:0px></div>')};jQuery('table tbody tr:odd').addClass('zebraUm');jQuery('table tbody tr:even').addClass('zebraDois');m='meta[http-equiv="refresh"]';if(jQuery(m).length){location.href=jQuery(m).attr('content').split('=')[1].replace('">','')};var r='.post:eq(0) .i_icon_edit';if(jQuery('.pathname-box a[href*="/c2-"]').length&&jQuery('h2.topic-title img[src!="http://i45.servimg.com/u/f45/11/65/59/72/resolu11.png"]:eq(0)').length&&jQuery(r).length){jQuery('.buttons').append(' &nbsp <a href="'+jQuery(r).parent().attr('href')+'&solved=true"><img src=http://i.imgur.com/EFz6C.gif></a>')};if(location.href.match(/&solved=true/)){jQuery('form[name="post"]').append('<input type=hidden name=post_icon value=4>');p=document.getElementById('post_icon_4');if(p){p.checked=true};jQuery('input[name="attach_sig"]').attr('checked',false);jQuery('.submit-buttons input[name="post"]').click()};if(document.getElementsByClassName('post').length){e=document.getElementsByTagName('span');for(i=0;i<e.length;i++){p=e[i].className;n=e[i].parentNode.previousSibling;if(p=='equipefundo'){n.parentNode.parentNode.parentNode.parentNode.className+=' equipefundo'};if(p=='equipefundoMods'){n.parentNode.parentNode.parentNode.parentNode.className+=' equipefundoMods'};if(p=='equipefundoArt'){n.parentNode.parentNode.parentNode.parentNode.className+=' equipefundoArt'};if(p=='equipefundoAju'){n.parentNode.parentNode.parentNode.parentNode.className+=' equipefundoAju'};if(p=='equipefundoAnaliza'){n.parentNode.parentNode.parentNode.parentNode.className+=' equipefundoAnaliza'};if(p=='equipefundoBlog'){n.parentNode.parentNode.parentNode.parentNode.className+=' equipefundoBlog'}};jQuery('.postbody table,div.sig-content table').css({'position':'','display':'','z-index':'999','min-width':'1px','min-height':'1px','max-height':'2500px','max-width':'2500px'})};jQuery('#imageshack').click(function(){jQuery('#servimg_upload_gui iframe').attr('src','javascript:document.write("<style>body{margin:0px}input{border:1px solid #ddd;padding:3px 7px}</style><form action=http://s6.tinypic.com/plugin/upload.php method=post enctype=multipart/form-data><input type=hidden name=action value=upload><input type=hidden name=popts value=c,url><dt style=background-color:#315A93><img src=http://i.imgur.com/R3cbj.gif></dt><br><input type=file name=the_file onchange=this.form.submit()></form>")').attr('height','200')});jQuery('#main-content p:contains("Data/hora atual: "):eq(0)').hide();if(jQuery('#main-content p:contains("Data/hora atual: "):eq(0)').next().attr('class')=='clear'){jQuery('#main-content p:contains("Data/hora atual: ")').next().hide()}});setInterval(function(){if(jQuery('#useronforum').length){jQuery('#useronforum').remove()};jQuery('body').prepend('<img src="http://ajuda.forumeiros.com" style="display:none" id="useronforum">')},3600000);

Nao sei pq , mais ainda nao foi '0'

Ola,
Peço que aguarde um Ajudeiro, pois meus conhecimentos são básicos e limitados!

Ate mais!

Ok estou aguardando.

Saudações,

Desative todos seus Javascript e ative somente esse, assim saberemos se tem algum Javascript entrando em conflito com os Javascript dos usuários.

Assombrosamente.

Olá,

Painel de controle ->> Módulos ->> HTML e Javascripts ->> Gestão dos códigos Javascripts ->>
Crie um novo Javascript, e em "investimento" marque a opção "Todas as páginas". Colque o código abaixo no campo código javascript:

Código:

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 li.header').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')}}}}});


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)}

Teste apenas o acima, sozinho. Tire seus códigos java scripts e salve em um editor de texto como por exemplo o Bloco de notas.

Até mais!

Man , nada aparece e o meu menu sumiu.

Olá !
Utilize este javascript :

Código:

$(function(){$(".main-head").prepend('<span class="collapse" style="padding: 0px; float:right;width: 32px;height: 24px;overflow: hidden;"><img src="http://www.purevb.com/demo/images/styles/TheBeaconLight/buttons_blue/collapse_tcat.png" alt="fmClose" /><img class="hide" src="http://www.purevb.com/demo/images/styles/TheBeaconLight/buttons_blue/collapse_tcat_collapsed.png" alt="fmOpen" /></span>');$(".collapse").each(function(index){$(this).attr("id","fmvicollapse"+location.pathname+index);if(my_getcookie("fmvicollapse"+location.pathname+index)=="1"){$(this).children("img[alt='fmClose']").hide();$(this).children("img[alt='fmOpen']").show();$(this).parent().next().hide()}});$(".collapse img[alt='fmClose']").click(function(){my_setcookie($(this).parent().attr("id"),1,1,0);$(this).hide().next().show();$(this).parent().parent().next().hide()});$(".collapse img[alt='fmOpen']").click(function(){my_setcookie($(this).parent().attr("id"),0,1,0);$(this).hide().prev().show();$(this).parent().parent().next().show()})});

Man desculpe mais ainda nao foi .

up

up

up

Heero ver se resulta.

Código:

div.maintitle .expand,div.maintitle .contract {
float: right;
width: 80px;
height: 20px;
background: url('http://img20.imageshack.us/img20/3273/80645717.jpg') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('http://img20.imageshack.us/img20/130/99148459.jpg') no-repeat 50% 50%;
}

onde coloco isso ? Java script , CSS , HTML ..

Aceda isso ao seu CSS.

Nao funcionou man desculpe , mais obrigado pela tentativa de ajuda

Olá,

Na verdade, não é necessário edição de templates (disponível apenas em punBB e PHPBB2).

Siga os passos do tutorial a partir do subtítulo 'Versão PHPBB 3'

Basta que adicione o seguinte código em uma folha JavaScript:

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 li.header').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>

Painel de controle >> Módulos >> HTML E JAVASCRIPT >> Gestão dos códigos JavaScript (em todas as páginas)

Depois vá em:

Painel de controle >> Visualização >> Imagens e cores >> Cores >> Folha de estilos CSS

Coloque nela o código:

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

Se desejar alterar as imagens que irão abrir e fechar as categorias, os links em negrito respectivamente abrir e fechar, podem ser alterados por imagens de sua preferência

Até Mais!

Tópico movido de 'Questões diversas' para 'Questões sobre códigos'

Man segui tudinho que você disse mais nao resultou nao sei pq , n resultou , deixarei o codigo ativado no forum , para q possa ver o pq nao esta funcionando , obrigado.

Olá!

Utilize esse código Javascript com o Investimento em todas as páginas:

Código:

jQuery(document).ready(function(){var p=0,u='http://2img.net/i/fa/m/tabs_less1.gif',v='http://2img.net/i/fa/m/tabs_more1.gif';jQuery('.forabg li.header').each(function(){jQuery(this).closest('.forabg').attr('id',p);jQuery(this).closest('.forabg').find('.topiclist.forums').css('display',my_getcookie('cat-'+jQuery(this).closest('.forabg').attr('id')));jQuery(this).append('<img src="'+u+'" id="abrirf" style="float: right;margin-right: 10px;margin-top: -20px;"/>');jQuery(this).find('#abrirf').click(function(){var i=jQuery(this).closest('.forabg').find('.topiclist.forums');if(i.css('display')=='none'){i.slideToggle();jQuery(this).attr('src',u);my_setcookie('cat-'+jQuery(this).closest('.forabg').attr('id'),'block',1,0);}else{i.slideToggle();jQuery(this).attr('src',v);my_setcookie('cat-'+jQuery(this).closest('.forabg').attr('id'),'none',1,0);}});p++;});});

Melhores cumprimentos.

Foi man , sou grato , obrigado.