'Admin'
Admin
Miximizar Categorias Estilo IPB |
Deseja aplicar mais efeitos em vósso forum?lhe apresento uma nova opção de efeito o "Miximizar categorias estilo IPB"
1º - Conhecendo o codigo
- Código:
$(function(){$('.main-head:has(.page-title)').prepend('<a class="collapse tcatCollapse" id="collapse_c_cat1" href="#top" style="visibility:hidden;margin-top: -2px;float: right;"><img src="http://i.imgur.com/fJz0Zls.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','http://i.imgur.com/fJz0Zls.png');$(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://i.imgur.com/gNAasKx.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/gNAasKx.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/fJz0Zls.png');$(this).closest('.main-head').removeClass('collapsed')}})})});
2º - Inserindo código JavaScript:
Para isto você terá de ter um pouco de conhecimento com a Folha de estilos JavaScript, aceda á:
Painel de Controle :seta: Módulos :seta: HTML & JS :seta:Gestão dos codigos JavaScript
Título - Correspondente ao nome da página JavaScript/jQuery que será criada. |
Investimento - Selecione "Em todas as páginas". |
Código JavaScript - Campo destinado para receber o script que trabalhamos no item anterior. |
Habilitar o gerenciamento dos códigos JavaScript - Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum. |
Página criada |
[center]
4º - Resultado
Antes de clicar:
Ao clicar:
- E agora?
Basta dar F5 em seu forum e passar o mouse do lado do titulo.
- Obs:
Não sei quem fez o codigo Adaptei de uma Skin IPB.
(Achei esse efeito imbutido no forum BestSkins)
[center]© Fórum dos Fóruns/Cʀɑzy
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:[Dúvida] Miximizar Categorias Estilo IPB |