[TUTORIAL] Esconder perfil personalizado em phpBB 3

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

[TUTORIAL] Esconder perfil personalizado em phpBB 3

Mensagem por Cream em 02/08/12, 11:51 am


 

Esconder perfil personalizado


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.


--> Tutoriais <--
Esconder perfil personalizado



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

- 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:
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.





© Fórum dos Fóruns & Solkis, Shek


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

Cream
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11637

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


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