[TUTORIAL] Esconder perfil personalizado em phpBB 3

Assim como ocultar os widgets do fórum você também pode com um pequeno efeito em Javascript para esconder o perfil personalizado do usuário. Uma função prática, que não gera conflito com códigos de seu fórum, e o melhor, o próprio usuário pode modificar.





1º - Noção básica da função:
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.

2º - Código a ser modificado:
Vamos criar uma página Javascript especializada para os tópicos, porque é lá que o efeito vai aparecer. Por isso, vamos editar o código para que funcione cordialmente como esperado.

$(function() {
 $('.postprofile dt').before('<div id="hide-perfil" style="height: 13px; width: 16px; -moz-border-radius: 4px 4px 4px 4px; cursor: pointer; position: absolute; background: url(ENDEREÇO_DA_IMAGEM) no-repeat scroll 0pt -13px #E5F1F9;" onclick="jQuery(\'.postprofile dd\').not(\':first\').not(\':eq(2)\').animate({width:\'toggle\',height:\'toggle\',opacity:\'toggle\'},1000); if(my_getcookie(\'perfil-ENDERECO_DO_FORUM\')==\'0\') { my_setcookie(\'perfil-ENDERECO_DO_FORUM\',\'1\',0,0); jQuery(\'#hide-perfil\').css(\'background-position\',\'0 -13px\'); } else { my_setcookie(\'perfil-ENDERECO_DO_FORUM\',\'0\',1,0); jQuery(\'#hide-perfil\').css(\'background-position\',\'0 0px\'); }"></div>');

 if(my_getcookie('perfil-ENDERECO_DO_FORUM')=='0') {jQuery('.postprofile dd').not(':first').not(':eq(2)').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('.postprofile dd').not(':first').not(':eq(2)').css('background-position','0 0px');}
});

Marrom: Endereço de seu fórum, com o HTTP:// mas sem a barra. Por exemplo:

https://ajuda.forumeiros.com

Vermelho: Endereço da imagem que mostra para que seja ocultado o perfil.

Agora, em Investimento marque a opção Nos tópicos(temas) e confirme sua página .JS!

• Resultado:
  
  
  
  
• Posso mudar a imagem da seta?
  Sim, basta você modificar o endereço que contém no código que por padrão está em vermelho na citação do tutorial para o endereço desejado.
  

---

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