[TUTORIAL] Esconder perfil personalizado 1.0
ShiftActif fórum :: Central ShiftActif :: :: Tutoriais
Página 1 de 1 • Compartilhe
[TUTORIAL] Esconder perfil personalizado 1.0
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.
Este tutorial é uma versão mais simples do código, contudo, o efeito e resultado são os mesmos apresentados no seguinte tópico: https://shift.forumactif.com/t221- . |
--> Tutoriais <--
Esconder perfil personalizado
Esconder perfil personalizado
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. |
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.
- Código:
jQuery(function(){
jQuery(".postprofile dt").after('<br> <div style="text-align:center"><div style="display:inline-block;font-size: 13px;cursor:pointer;" onclick="jQuery(this.parentNode.parentNode).find(\'dd\').slideToggle()">Esconder</div></div>')});
- Resultado:
O resultado deste tutorial é o mesmo do apresentado na caixa de informação do tutorial, contudo, ao invés de usar uma formatação de código maior, ele é mais simples e não pesa em seu fórum, porque não usa imagens ao não ser que você queira colocar. - Posso colocar uma imagem de uma seta?
Basta modificar o nome "Esconder" pelo código abaixo:- Código:
<img src=""/>
Shiftactif
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Esconder perfil personalizado 1.0 |
Tópicos semelhantes
» [TUTORIAL] Esconder perfil personalizado
» [TUTORIAL] Esconder e abrir perfil nas mensagens (PUNBB)
» [TUTORIAL] Tópicos relacionados do seu fórum personalizado
» [TUTORIAL] Aviso ao receber novas MPs (personalizado)
» [TUTORIAL] Esconder widgets do fórum em páginas determinadas
» [TUTORIAL] Esconder e abrir perfil nas mensagens (PUNBB)
» [TUTORIAL] Tópicos relacionados do seu fórum personalizado
» [TUTORIAL] Aviso ao receber novas MPs (personalizado)
» [TUTORIAL] Esconder widgets do fórum em páginas determinadas
ShiftActif fórum :: Central ShiftActif :: :: Tutoriais
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|