[TUTORIAL] Botão share Twittar nos fóruns e mensagens
ShiftActif fórum :: Central ShiftActif :: :: Tutoriais
Página 1 de 1 • Compartilhe
[TUTORIAL] Botão share Twittar nos fóruns e mensagens
Botão share Twittar nos fóruns e mensagens |
Ficou mais fácil falar para os passarinhos tudo que "róla" no seu fórum! Tudo com segurança e o mais importânte, com facilidade. Com um código Java script vamos reproduzir nos fóruns e mensagens um botão Share para publicar informações de uma seção ou mensagem no twitter.
--> Tutoriais <--
Botão share Twittar nos fóruns e mensagens
Botão share Twittar nos fóruns e mensagens
1º - Criar e administrar as páginas:
Com essa opção será possível adicionarmos o Java script ao fórum sem muitos problemas, mas lembre-se que antes de publicar essa página .JS, pré-visualize a mesma.
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. |
Agora que conhece a função de Java script, vamos proceguir no segundo passo com o código.
2º - Modificações no código java script:
Para que tenha efeito, vamos compreender alguns pontos do código que usaremos. Verifique todos os pontos com o máimo de atenção para não cometer erros.
Vermelho: Classe ao qual o botão vai aparecer. Ou seja, determinando a classe, o botão share do Twitter vai aparecer onde tem uma classe .buttons.jQuery(document).ready(function(){jQuery('.buttons').after('<p><a href="https://twitter.com/share" class="twitter-share-button" data-via="@Shiftactif" data-lang="pt" data-size="large">Twittar seção em Shiftactif</a></p>')});
Marrom: Nome do usuário cadastrado no Twitter. Quando forem twittar, o @nome vai aparecer juntamente com a mesnagem.
Como observamos no termo em vermelho, você estará atribuíndo o botão diretamente a classe "Buttons", se desejar colocar nos tópicos, você precisa colocar p.author e na página JS, marque em Investimento a opção Nos tópicos (Nos temas) e confirme a mudança.
Código pronto:
- Código:
jQuery(document).ready(function(){jQuery('.profile-icons').after('<p><a href="https://twitter.com/share" class="twitter-share-button" data-via="@Shiftactif" data-lang="pt" data-size="large">Twittar seção em Shiftactif</a></p>')});
- Resultado:
- Vídeo de tutorial auxiliar:
Melhor visualização em: https://www.youtube.com/watch?v=PwZzwnWMF2I
© Fórum dos Fóruns & Shek
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Botão share Twittar nos fóruns e mensagens |
Tópicos semelhantes
» [TUTORIAL] Convite para amigo no perfil nas mensagens
» [TUTORIAL] Bloquear CSS nas mensagens
» [TUTORIAL] Destacar quantidade de tópicos e mensagens
» [TUTORIAL] Modificar o termo mensagens privadas
» [TUTORIAL] Limite para enviar mensagens
» [TUTORIAL] Bloquear CSS nas mensagens
» [TUTORIAL] Destacar quantidade de tópicos e mensagens
» [TUTORIAL] Modificar o termo mensagens privadas
» [TUTORIAL] Limite para enviar mensagens
ShiftActif fórum :: Central ShiftActif :: :: Tutoriais
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos