Categoria retrátil - IPB

Ground  • Dom 2 Fev 2014 - 13:46

Categoria retrátil - IPB Dom 2 Fev 2014 - 13:46

Reputação da mensagem: 100% (22 votos)

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Nome do Arquivo: Categoria retrátil - IPB
Autor: JScript
Funcionalidade: PhpBB3/PunBB
Categoria: Recursos BestSkins

Neste tutorial você irá aprender a colocar a categoria retrátil da plataforma IPB em seu fórum.

1º - Adicionando o código
Vá até Painel de controle  Módulos  HTML & JAVASCRIPT  Gestão dos Códigos JavaScript  
"Criar um novo javascript"

Título: category_block block_wrap
Investimento: Nos tópicos & Sub-fóruns

[poll]

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

[/poll]



OBS: Já vem com as imagens IPB.

Última edição por Ground em Seg 8 Dez 2014 - 19:40, editado 4 vez(es)

Reputação da mensagem: 100% (22 votos)

Target  • Seg 3 Fev 2014 - 2:49

Convidado  • Dom 16 Fev 2014 - 0:05

Eragon™  • Dom 9 Mar 2014 - 23:28

Latysh  • Dom 23 Mar 2014 - 14:46

IonutzD  • Sáb 31 maio 2014 - 9:26

Ivanaruto  • Seg 1 Dez 2014 - 11:38

Stark'  • Dom 21 Dez 2014 - 14:14

FrOsTyXi  • Seg 19 Jan 2015 - 0:48

NandoTDB10  • Dom 25 Jan 2015 - 9:56

GXGamer  • Seg 26 Jan 2015 - 17:41

Mihai.  • Ter 27 Jan 2015 - 19:10

Desadikta  • Ter 28 Abr 2015 - 4:39

NeverSay  • Dom 14 Jun 2015 - 1:03

Zeek  • Dom 26 Jul 2015 - 15:14

staay03  • Sáb 15 Out 2016 - 4:43

analulupo  • Sáb 24 Jun 2017 - 0:22

Re: Categoria retrátil - IPB Sáb 24 Jun 2017 - 0:22

Conteúdo patrocinado  •