Criar uma 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

Criar uma categoria retrátil

3 participantes

Ir para baixo

Tópico resolvido Criar uma categoria retrátil

Mensagem por [K]oke 19.04.16 1:40

Detalhes da questão


Endereço do fórum: http://digimonxd.forumeiros.com/
Versão do fórum: PunBB

Descrição


https://i.imgur.com/G8rm3lL.png
http://demo.purevb.com/vb4/images/styles/Luburox_Blue/buttons/collapse_tcat.png
queria saber se da pra colocar no lugar do meu que está bugada :V
maximiza tambem esta bugada
[K]oke
[K]oke
Membro

Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

http://bestskins.net/forum https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por Shek 19.04.16 13:38

Bom dia. Muito feliz

Por favor, faça uma busca em nossa lista de tutoriais antes de criar sua dúvida!
https://ajuda.forumeiros.com/t23387-
https://ajuda.forumeiros.com/t23387-


Atenciosamente,
Shek King
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por [K]oke 19.04.16 19:02

Olá,

Não foi bem isso que eu pedi, mais vou explicar melhor Criar uma categoria retrátil 2v0zspe está por exemplo quebrada a imagem queria por exemplo tipo aquela que eu descrevi ou outra.

Até
[K]oke
[K]oke
Membro

Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

http://bestskins.net/forum https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por [K]oke 24.04.16 1:45

UP

Altera a imagem de subir e desce tipo desses foruns http://ipsfocus.net/4x/
[K]oke
[K]oke
Membro

Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

http://bestskins.net/forum https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por [K]oke 25.04.16 18:24

up
[K]oke
[K]oke
Membro

Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

http://bestskins.net/forum https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por while 25.04.16 18:33

Crie um novo javascript com investimento no indice com esse codigo:

Código:
$(function(){$('.main-head:has(.page-title)').prepend('<a class="collapse tcatCollapse" id="collapse_c_cat1" href="#top" style="float: right;"><img src="http://i.imgur.com/4WCA2ra.png" alt="" style="position: relative; top: -3px;"></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('','')});$('.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',0,0); $(this).closest('.main-head').next('.main-content:first').slideDown(500);$(this).find('img').attr('src','http://i.imgur.com/4WCA2ra.png');$(this).closest('.main-head');$(this).closest('.main-head').removeClass('collapsed')} else {my_setcookie($(this).closest('.main-head').find('.page-title').text()+'_ct','1',0,0); $(this).closest('.main-head').next('.main-content:first').slideUp(500);$(this).find('img').attr('src','http://i.imgur.com/4RJyNmp.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://i.imgur.com/4RJyNmp.png');$(this).closest('.main-head').addClass('collapsed')}else{$(this).next('.main-content:first').css('display','block');$(this).find('a.collapse[id] img').attr('src','http://i.imgur.com/4WCA2ra.png');$(this).closest('.main-head').removeClass('collapsed')}})})});
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por [K]oke 25.04.16 19:42

A Imagem está lá mais nao funciona, e a imagem quebrada permanece lá!
[K]oke
[K]oke
Membro

Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

http://bestskins.net/forum https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por while 25.04.16 20:27

Isto é porque seu antigo js está ativo... exclua ou desative o seu JS por gentileza.
e deixe apenas o que te passei...
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por [K]oke 25.04.16 22:15

A Imagem foi retirada, mais nao está funcionando nao está subido e nem descendo;
[K]oke
[K]oke
Membro

Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

http://bestskins.net/forum https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por while 26.04.16 1:40

Troque o JS por este:
Código:
jQuery(document).ready(function(){var p=0,u='http://i.imgur.com/4WCA2ra.png',v='http://i.imgur.com/4RJyNmp.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++})});

Resultado:
Criar uma categoria retrátil DQQnB0a
obs: ficou com 2 botões,porque ta o que eu puis, pra demonstrar que funciona e o que já está no seu javascript...
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por [K]oke 26.04.16 19:35

Obrigado!
[K]oke
[K]oke
Membro

Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

http://bestskins.net/forum https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por Shek 27.04.16 16:07

Criar uma categoria retrátil Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

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