Categoria Retrátil Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Categoria Retrátil

3 participantes

Ir para baixo

Tópico resolvido Categoria Retrátil

Mensagem por Foox_ 09.08.15 23:40

Olá queridos codificadores, vocês conseguiriam fazer uma coisa tipo essa?
http://prntscr.com/82rw44
Quando você clicar no MENOS o fórum meio que sobe pra cima, e meio que tira ele olha:
http://prntscr.com/82rwri
Foox_
Foox_
****

Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373

http://minha-serie.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categoria Retrátil

Mensagem por Kallahari 10.08.15 11:42

Bom dia.

Adicione esse código Javascript:

Titulo: Categoria Retrátil.
Investimento: Nós tópicos e Sub-Fóruns.

Código:
$(function(){$('.main-head:has(.page-title)').prepend('<a class="collapse tcatCollapse" id="collapse_c_cat1" href="#top" style="visibility:hidden;float: right;margin-top: -3px;"><img src="http://i.imgur.com/d7jXnmJ.png" alt=""></a>');$('.main-head:has(.page-title)').mouseover(function(){$(this).find('a.collapse[id]').css('visibility','visible')});$('.main-head:has(.page-title)').mouseout(function(){$(this).find('a.collapse[id]').css('visibility','hidden')});$('.main-head a.collapse[id]').click(function(e){e.preventDefault()});$('.main-head a.collapse[id]').attr('onclick'," if($(this).closest('.main-head').next('.main-content:first').css('display')=='none') {my_setcookie($(this).closest('.main-head').find('.page-title').text()+'_ct','0',10,0); $(this).closest('.main-head').next('.main-content:first').slideDown(500);$(this).find('img').attr('src','data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAKlBMVEX///8dNlIdNlIdNlIdNlIdNlIdNlIdNlIdNlIdNlIdNlJSZn16ip3k6/JkLhjLAAAACnRSTlMACkVWWZerzdXxurlICgAAAF5JREFUCNdjYGAQDp9ZasgABExZq1atWqYAZHmsAoEWoFAXmLVCgUFsFQQkMlhBWYsZoqCspQxVUNZyhlmrVt29e2fVqpUg1pkzp0EshCxCB8IUhMkI2xAuQHIVzKUAh8ZUIpv14jgAAAAASUVORK5CYII=');$(this).closest('.main-head');$(this).closest('.main-head').removeClass('collapsed')} else {my_setcookie($(this).closest('.main-head').find('.page-title').text()+'_ct','1',10,0); $(this).closest('.main-head').next('.main-content:first').slideUp(500);$(this).find('img').attr('src','http://i78.servimg.com/u/f78/18/17/62/92/cat_ma10.png'); $(this).closest('.main-head').addClass('collapsed');}");$(document).ready(function(){$('.main-head a.collapse[id]').closest('.main-head').each(function(){if(my_getcookie($(this).find('.page-title').text()+'_ct')=='1'){$(this).next('.main-content:first').css('display','none');$(this).find('a.collapse[id] img').attr('src','http://i78.servimg.com/u/f78/18/17/62/92/cat_ma10.png');$(this).closest('.main-head').addClass('collapsed')}else{$(this).next('.main-content:first').css('display','block');$(this).find('a.collapse[id] img').attr('src','data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAKlBMVEX///8dNlIdNlIdNlIdNlIdNlIdNlIdNlIdNlIdNlIdNlJSZn16ip3k6/JkLhjLAAAACnRSTlMACkVWWZerzdXxurlICgAAAF5JREFUCNdjYGAQDp9ZasgABExZq1atWqYAZHmsAoEWoFAXmLVCgUFsFQQkMlhBWYsZoqCspQxVUNZyhlmrVt29e2fVqpUg1pkzp0EshCxCB8IUhMkI2xAuQHIVzKUAh8ZUIpv14jgAAAAASUVORK5CYII=');$(this).closest('.main-head').removeClass('collapsed')}})})});

Atenciosamente.
Kallahari
Kallahari
*****

Membro desde : 31/01/2014
Mensagens : 413
Pontos : 639

http://muwinnerr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categoria Retrátil

Mensagem por Fraise 10.08.15 13:56

Olá!

Caso o código do nosso amigo @fatalisss não funcione, tente este com investimento 'Em todas as páginas':
Código:
jQuery(document).ready(function(){var p=0,u='http://i.imgur.com/I5HCAxH.png',v='http://i.imgur.com/LBFBNlE.png';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++;});});

Cumprimentos.
Fraise

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre JavaScript & jQuery'
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Categoria Retrátil

Mensagem por Foox_ 11.08.15 2:19

Funcionou, obrigado Muito feliz
Foox_
Foox_
****

Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373

http://minha-serie.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categoria Retrátil

Mensagem por Fraise 11.08.15 8:47

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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