Snapshot


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

#1[TUTORIAL] Miximizar Categorias Estilo IPB Empty [TUTORIAL] Miximizar Categorias Estilo IPB Sex Jun 07, 2013 8:42 am

'Admin'


Admin
Admin

[TUTORIAL] Miximizar Categorias Estilo IPB Theme

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"

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

- 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

[TUTORIAL] Miximizar Categorias Estilo IPB Painel13




[TUTORIAL] Miximizar Categorias Estilo IPB 110111Seta Título - Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Miximizar Categorias Estilo IPB 110210Seta Investimento - Selecione "Em todas as páginas".
[TUTORIAL] Miximizar Categorias Estilo IPB 110310Seta Código JavaScript - Campo destinado para receber o script que trabalhamos no item anterior.
[TUTORIAL] Miximizar Categorias Estilo IPB 110410Seta 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.

[TUTORIAL] Miximizar Categorias Estilo IPB Empty Página criada

[center][TUTORIAL] Miximizar Categorias Estilo IPB Pg_cri10

- Resultado

Antes de clicar:

[TUTORIAL] Miximizar Categorias Estilo IPB 5t98oTl

Ao clicar:

[TUTORIAL] Miximizar Categorias Estilo IPB 9fLyyHH

  • 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



[TUTORIAL] Miximizar Categorias Estilo IPB Act_bottom 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

https://snapshot.directorioforuns.com

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

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