ShiftActif fórum


Participe da melhor comunidade sobre fóruns!

Bem vindo ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!!

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

Ir em baixo

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

Mensagem por Shek em Sab 30 Nov - 9:36


 

Esconder e abrir perfil nas mensagens


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.


--> Tutoriais <--
Esconder e abrir perfil nas mensagens


- 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 >>
Arrow Título Correspondente ao nome da página JavaScript/jQuery que será criada.
Arrow 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.
Arrow Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
Arrow 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:




©️ 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
avatar
Shek
Adminactif
Adminactif

Masculino
Idade : 24
PointActif's : 5060
ReputActifs : 97
Mensagens : 2711
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%

Ver perfil do usuário http://www.shiftactif.com/

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum