Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Andrewrb222

[Resolvido] Colocar scrollbar na like box do Facebook

Recommended Posts

Primeiramente peço desculpas caso não seja aqui o local certo para postar tal assunto, mas fiquei meio perdido na hora de escolher o local. Bom, coloquei uma like box (Facebook) em um site, a like box está sem streams e sem header, apenas o botão "Curtir" e as faces do pessoal que curtiu, entretanto, gostaria de colocar uma scrollbar para poder visualizar todas as faces (width= 292px height=275px). Esse é o meu enigma, alguém sabe como resolver? Obrigado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não sei como é o código de uma like box do Facebook. Sei que é HTML, então se tu postasse o código de como tá agora talvez eu (ou outra pessoa) pudesse te ajudar :thumbsup:

 

Passa o código com os usuários (que curtiram) já aparecendo no widget.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olha, depende da forma como está implementando. se esta fazendo inserindo diretamente o IFRAME da likebox, basta você criar um atributo style neste IFRAME, assim:

style="overflow-y:scroll"

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não sei como é o código de uma like box do Facebook. Sei que é HTML, então se tu postasse o código de como tá agora talvez eu (ou outra pessoa) pudesse te ajudar :thumbsup:

 

Passa o código com os usuários (que curtiram) já aparecendo no widget.

 

Bem, o código é:

 

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

 

Ali em "scrolling", o valor foi alterado para "yes" e ainda assim nada aconteceu... = |

Compartilhar este post


Link para o post
Compartilhar em outros sites

Remova o overflow:hidden e bote overflow-y:scroll. Mas o overflow-y e overflow-x não funcionam em versões antigas do IEca.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tenta assim:

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&width=292&height=600&colorscheme=light&show_faces=true&border_color&stream=false&header=false" style="overflow-y:scroll; border:0; width:292px; height:258px;" allowTransparency="true"></iframe>

 

likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&width=292&height=600

 

Coloquei o height=600 só pra testar se ia aparecer a barra de rolagem com uma altura superior. Aí é só mudar :thumbsup:

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado pela ajuda pessoal, consegui resolver o problema alterando o tamanho do conteúdo do iframe como citado pela Diéssica na resposta acima, entretanto não há como colocar uma scroll bar no iframe, só aumentei o tamanho fazendo com que apareça uma fileira com cinco rostos e sem aparecer qualquer outro rosto cortado. E como padrão do facebook, cada vez que se entra no site estes rostos são trocados por outros randomicamente.

Mais uma vez obrigado galera!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tive o mesmo problema e achei esse tópico aqui... Consegui colocar scroll colocando o iframe dentro de uma div, e aí coloquei a scroll na div... Não sei se é muito correto essa prática, mas funcionou :)

 

Acendeu uma luz quando eu li você falando "não há como colocar uma scroll bar no iframe", aí resolvi postar aqui, vai que ajuda hehe...

 

abraço.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.