[TUTORIAL] Esconder e abrir perfil nas mensagens (PUNBB)

Já conhecemos alguns efeitos parecidos com o proposto pelo título do tutorial, contudo, aqui em Shiftactif vamos aprender que podemos adicionar essa função de uma forma que fique realmente discreto junto ao tópico.




1º - Javascript dos fóruns:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>

Título Correspondente ao nome da página JavaScript/jQuery que será criada.

Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. Pode ser na galeria, nos fóruns ou sub-fóruns. Vamos ver algumas opções: No índice : O código será aplicado ao índice do fórum. No portal : O código será aplicado ao Portal do fórum. Nos sub-fóruns (Fóruns) : O código será aplicado nos Fóruns e Sub-fóruns. Sobre os temas : O código será aplicado aos tópicos do fórum. Na galeria : O código será aplicado na sua Galeria de imagens. Em todas as páginas : O código será aplicado em todas as páginas do fórum.

Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.

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.

Na opção do Investimento, marque a opção "Nos tópicos" e cole o código abaixo:

Código:

jQuery(document).ready(function(jQuery) {jQuery('div.main-head.clearfix:first p.h2').prepend('<div class="topicViewIcons"><a id="topicViewRegular" title="Visualização normal" class="active"><img src="http://i72.servimg.com/u/f72/18/07/42/17/spacer10.gif" alt=""></a><a id="topicViewBasic" title="Visualização Básica"><img src="http://i72.servimg.com/u/f72/18/07/42/17/spacer10.gif" alt=""></a>
</div>');jQuery("#topicViewBasic").click(function(){ jQuery(".pun .post .user").hide("user");
    jQuery(".postmain").css('margin-left','0px');    jQuery(".postfoot").css('margin-left','0px');
    jQuery("#topicViewRegular").removeClass("active");    jQuery(this).addClass('active');
    jQuery("div.main-content.topic").addClass("basicTopicView");
  });
jQuery("#topicViewRegular").click(function(){jQuery(".pun .post .user").show("user");
    jQuery(".postmain").css('margin-left','0em');jQuery(".postfoot").css('margin-left','0em');
    jQuery("#topicViewBasic").removeClass("active");jQuery(this).addClass('active');
    jQuery("div.main-content.topic").removeClass("basicTopicView");});});

Em seguida, acesse um tópico e veja o resultado:

Se quiser modificar as pequenas imagens das seta, substitua as imagens abaixo:

Visualização Básica escreveu:https://i.servimg.com/u/f72/18/07/42/17/spacer10.gif

---

ShiftActif

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Esconder e abrir perfil nas mensagens