[TUTORIAL] Widget Discord

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

Membro Entusiasta

widget - [TUTORIAL] Widget Discord Empty [TUTORIAL] Widget Discord

Mensagem por Luiz 23.10.17 22:24

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:



widget - [TUTORIAL] Widget Discord Dis110

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



widget - [TUTORIAL] Widget Discord Dis210

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



widget - [TUTORIAL] Widget Discord Dis310

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
   widget - [TUTORIAL] Widget Discord Criar10
   
widget - [TUTORIAL] Widget Discord Wf310

   
widget - [TUTORIAL] Widget Discord 110111SetaNome do widget: - Será o nome dado ao widget para localização e controle deste pelo Painel de Controle.
widget - [TUTORIAL] Widget Discord 110210Seta Utilizar um table type: - Nesta opção, deverá ser marcado o "Sim".
widget - [TUTORIAL] Widget Discord 110310Seta Título do widget: - Nesta opção, não será necessário preenchimento, resultado da marcação do "Não" anteriormente.
widget - [TUTORIAL] Widget Discord 110410Seta Fonte do widget: - Neste campo, Devemos inserir o código trabalhamos no 3º Passo.
widget - [TUTORIAL] Widget Discord 110510Seta 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:

       
    widget - [TUTORIAL] Widget Discord 8V6DetC



Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

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