[TUTORIAL] Widget Discord

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

[TUTORIAL] Widget Discord

Mensagem por Luiz em 23/10/17, 07:24 pm

Widget Discord
Com esta função, você poderá ver seu servidor do Discord num widget ativo em seu fórum. Uma função bastante inovadora e moderna para os vossos fóruns.

Widget Discord


TUTORIAIS, DICAS E ASTÚCIAS

Habilitando widget no Discord

Vá em seu servidor do Discord e ative o serviço de Widgets, clicando na seta marcada na imagem:




Após clicar, apareceram quatro opções, selecione a 2ª opção.




Ainda em Widgets, copie o código "Widget Pré-Feito":




Clicando em copy será gerado um código similar a esse, copie e cole.


Código:
<iframe src="https://discordapp.com/widget?id=324563425458126849&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0"></iframe>

   

Criar um widget personalizado

Painel de Controle Seta Branca Módulos Seta Branca Portal & Widgets Seta Branca Gestão dos widgets (fórum/portal) Seta Branca Novo widget personalizado
   
   

   
SetaNome do widget: - Será o nome dado ao widget para localização e controle deste pelo Painel de Controle.
Seta Utilizar um table type: - Nesta opção, deverá ser marcado o "Sim".
Seta Título do widget: - Nesta opção, não será necessário preenchimento, resultado da marcação do "Não" anteriormente.
Seta Fonte do widget: - Neste campo, Devemos inserir o código trabalhamos no 3º Passo.
Seta Salvar: - Para que o widget apareça corretamente, este box deve ser acionado, após as devidas modificações.
   Feito isso, basta que o Widget seja arrastado para uma coluna no módulo correspondente para que o efeito seja aplicado.

Adicionando e personalizando o Widget

Clicando em copy será gerado um código similar a esse, copie e cole.



Código:
<iframe src="https://discordapp.com/widget?id=324563425458126849&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0"></iframe>

Após adicionar o código, poderá fazer algumas alterações:

324563425458126849 é o código exclusivo do seu Discord.
theme=dark é o tema do Discord (dark ou light)
width="300" é o tamanho de largura do seu Widget (ajuste de acordo com seu fórum)
height="500" é a tamanho de altura do seu Widget (ajuste de acordo com seu fórum)

   

  • Resultado do tutorial:

       



avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6591
Pontos Ativos : 7370

Ver perfil do usuário https://github.com/lffg/

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