Curtir em Widget centralizado

Qual é minha questão:
Queria por a opçao de curtir como nesta imagen abaixo.



Endereço do meu fórum:
http://vampirehackpt.forumbom.com

Versão do fórum:
PUNBB

Boa noite!

Queira checar o tópico abaixo:
Widget curtir forum facebook

Até mais!

+ eu adiciono isso no widget e ele n fica centralizado queria q ele ficase centralizado, pf me ajude

Eu acesse o fórum indicado no tópico e não visualizei o plug-in instalado, pode confirmar? Preciso visualizá-lo.

Até mais!

olha como fica...



Código q eu puis no Widget:

Código:

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FVampirehackpt&width=280&height=590&show_faces=true&colorscheme=light&stream=true&border_color&header=true&appId=407560666005926" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:280px; height:590px;" allowTransparency="true"></iframe>

Minha fanpage do meu forum no facebook:

https://www.facebook.com/Vampirehackpt

Certo, mas preciso visualizar no fórum para que eu possa elaborar o código para centralizá-lo.

você quer q eu bote oq eu acabei de por na imagen no meu forum? ou o link do forum?

http://vampirehackpt.forumbom.com/

rs, o plug-in do facebook já está instalado no widget do seu fórum? Pois eu acessei e não o visualizo para poder centralizar.

sim, so falta eu aceitar para ele ta no forum.....
ja ta.

Agora chegamos onde eu queria rs, acrescente o código abaixo na folha de estilo CSS.

Código:

.pluginSkinLight {
position: relative;
right: 4px;
padding: 5px;
}

Valide!

Até mais!

não funcionou ficou a mesma coisa lembrando q meu forum é punbb '-'

Troque o código por este:

Código:

.plugin.webkit.chrome.win.Locale_pt_BR {
position: relative;
right: 5px;
padding: 5px;
}

Caso não surta efeito, me envie o código utilizado no widget entre as tags
[code.][/code.]

ainda n funcionou... aqui esta o codigo.

Código:

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FVampirehackpt&width=280&height=590&show_faces=true&colorscheme=light&stream=true&border_color&header=true&appId=407560666005926" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:280px; height:590px;" allowTransparency="true"></iframe>

Olá!

Aceda à "Folha de Estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS


Codigo CSS:

Código:

._4s7c {text-align: center !important;}

Coloque no inicio de teu CSS.

Clique em "Validar".

Até mais.

não deu ainda.

Olá amigo,

Troque o código que tu usa no Widget, por este:

Código:

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FVampirehackpt&width=280&height=590&show_faces=true&colorscheme=light&stream=true&border_color&header=true&appId=407560666005926" scrolling="no" frameborder="0" style="border:none; text-align:center; overflow:hidden; width:280px; height:590px;" allowTransparency="true"></iframe>

Abraços.

ja troquei e ainda n esta '---
poxa ajuda aew mikee vc postou o mesmo codigo q eu postei man afk

Troque o código do widget por este:

Código:

<center><iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FVampirehackpt&width=280&height=590&show_faces=true&colorscheme=light&stream=true&border_color&header=true&appId=407560666005926" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:280px; height:590px;" allowTransparency="true"></iframe></center>

~'~ScorpionK escreveu:ja troquei e ainda n esta '---
poxa ajuda aew mikee vc postou o mesmo codigo q eu postei man afk

Olá!

Tem certeza?

Código:

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FVampirehackpt&width=280&height=590&show_faces=true&colorscheme=light&stream=true&border_color&header=true&appId=407560666005926" scrolling="no" frameborder="0" style="border:none; text-align:center!important; overflow:hidden; width:280px; height:590px;" allowTransparency="true"></iframe>

Apliquei um "!important" agora e veja que não usei o mesmo código: text-align:center!important; . O senhor fez um equivoco sobre o código amigo.

Até mais.

nenhum dos codigos funcionou.

Olá amigo,

Estava pesquisando tópicos sobre o mesmo assunto que o teu e infelizmente não é possivel centralizar o que o senhor deseja, lamento.

Se quiser poderá ler a mensagem do nosso grande amigo Luciano98 no tópico abaixo:

https://ajuda.forumeiros.com/t41121-como-colocar-o-botao-curtir-do-facebook

Abraços.

Olá , não necessita de qualquer tipo de código
entre no site do facebook devolopers e crie o seu OK
criando vai ter uma opção de redimensionar o seu facebook conforme você quer  lá sim vai gerar seu código conforme você  está querendo não esqueça de usar código "IFRAME"
resultou ?  da obrigado

https://developers.facebook.com/