Staffer Group BR™

Fórum interativo totalmente gratuito!


 VisualizaçõesPermissão deste fórum:
Não podes responder a tópicos


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 Diskete

Diskete
Membro
[Tutorial] Colocar página do Facebook em widget


1) Inserindo o CSS:
Para que possamos fazer o código funcionar é preciso de um CSS pequeno;
Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> CSS

Código CSS a ser aplicado:
Código:
#fb-root div:first-child {position: static !important;}


2) Desenvolvendo o código:
Para que possamos aplicar o código, é preciso acessar o facebook: https://developers.facebook.com/docs/reference/plugins/like-box/
Spoiler:

E agora vamos aos passos:
1 - Digite a url da página do facebook que você quer que curtam.
2 - Digite o tamanho da largura.
3 - Digite o tamanho da altura.
4 - Selecione o time de skin que você deseja light para claro e dark para escuro.
5 - Deixe selecionado.
6 - Caso desejar, insira uma cor para a borda.
7 - Deixe selecionado.
8 -Deixe selecionado.
9 - Agora clique em ' Get Code ' para abrir código!

Feito isto uma tela abrirá contendo dois códigos!
Copie apenas o primeiro código.

3) Aplicando o código:
Acesse o seu painel de controle e vá até os widgets
Painel de Controle -> Módulos -> Portal & Widget -> Gestão dos Widget do Fórum

Agora vamos fazer o seguinte:
Exibir os widgets do fórum : Marque Sim.

Largura coluna 1 (esquerda) : Coloque o valor em px, lembrando que se deixar em 0 a coluna esquerda não aparecerá (a largura mínima é de 180px)
Largura coluna 3 (direita) : Coloque o valor em px, lembrando que se deixar em 0 a coluna direita não aparecerá (a largura mínima é de 180px)
Distância entre dois widgets : Será a distancia entre os widgets, deixe 0 para não haver distância
Largura entre as colunas : Será a largura entre as colunas dos widgets, deixe 0 para não haver largura

Agora, já feito as configurações, vamos ao código:
Clique sobre ■ Colocar página do Facebook em widget EditerCriar um widget personalizado

Vamos configurar novamente:
Spoiler:

1 - Digite o nome do widget.
2 - Marque sim caso queira que apareça o título do widget ou marque não caso queira que não apareça o título do widget.
3 - Digite o título do widget, por exemplo: Facebook, Curta-nos no Facebook, etc.
4 - Insira o Código.
OBS: O código vem com um erro, que pode-se ser ajustado, ele vem como o: </div> retire-o dali  e mova-o para o final!

Pronto! Seu novo widget já foi criado!
Volte para as gestões do widget, e clique sobre ' Widgets pessoais ' e arraste o novo widget criado para uma das colunas!
Feito isso, salve.
E vá até o seu fórum para visualizar.

Resultado Final:
Spoiler:


Espero ter ajudado,
Atenciosamente.

#2
 D'Leandro™

D'Leandro™
Fundador
Status: Aceito.
Movido para: Local correspondente.
Motivo desta mensagem: Bem organizado e funcional.

#3
 JessiKa

JessiKa
Membro
Eu não gostei!

é muito grande!

#4
 Conteúdo patrocinado