ShiftActif fórum

[TUTORIAL] Esconder perfil personalizado 1.0 Homepg10

Participe da melhor comunidade sobre fóruns!

Bem vindo [TUTORIAL] Esconder perfil personalizado 1.0 405374159 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 perfil personalizado 1.0 1660898911
ShiftActif fórum

[TUTORIAL] Esconder perfil personalizado 1.0 Homepg10

Participe da melhor comunidade sobre fóruns!

Bem vindo [TUTORIAL] Esconder perfil personalizado 1.0 405374159 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 perfil personalizado 1.0 1660898911

[TUTORIAL] Esconder perfil personalizado 1.0

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

  • 0

[TUTORIAL] Esconder perfil personalizado 1.0 Empty [TUTORIAL] Esconder perfil personalizado 1.0

Mensagem por Shek Sáb 5 Out - 9:12


[TUTORIAL] Esconder perfil personalizado 1.0 Friend10  

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


- 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 >>
[TUTORIAL] Esconder perfil personalizado 1.0 Painel13
[TUTORIAL] Esconder perfil personalizado 1.0 110111Arrow Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Esconder perfil personalizado 1.0 110210Arrow 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.
[TUTORIAL] Esconder perfil personalizado 1.0 110310Arrow Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
[TUTORIAL] Esconder perfil personalizado 1.0 110410Arrow 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.

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>')});
Agora, em Investimento marque a opção Nos tópicos(temas) e confirme sua página .JS!



  • 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


[TUTORIAL] Esconder perfil personalizado 1.0 Act_bottom 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
Shek

Shek
Administrador

Masculino
Idade : 30
PointActif's : 7411
ReputActifs : 97
Mensagens : 2777
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%

https://shiftactive.blogspot.com/

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos