Dica 5 - A caixa Gosto / Like do Facebook com Moldura Completa

 

Ao inserir a caixa Gosto / Like do Facebook, as medidas por omissão escondem normalmente as linhas a direita e inferior da moldura (imagem esquerda).

A caixa Gosto / Like do Facebook com moldura completa

Para resolver este problema, basta afinar o tamanho da caixa Gosto.

Quando isso acontece, existem normalmente duas definições do tamanho:

  1. Uma da caixa Gosto propriamente dita
  2. Outra da moldura (iframe) em que a caixa está inserida

 

Exemplo

A dimensões são definidas através dos atributos width e height. Neste caso, a caixa apresenta o tamanho 175 x 410. Sendo para ambas as definições idênticas, a linha a direita e abaixo não aparecem. Para corrigir esta situação, basta aumentar uma diferença de 2 pixels os valores do iframe.E para aproveitar melhor o espaço, podemos ainda encostar a caixa 5 pixels à esquerda através do atributo margin-left:-5px.

Antes

Caixa Gosto: ...&width=175&........&height=410"
iframe: style="width:175px; height:410px; border:none; overflow:hidden; "

 

Depois

Caixa Gosto: ...&width=175&.......&height=410"
iframe: style="width:177px; height:412px; border:none; overflow:hidden; margin-left:-5px;"

 

Temas Relacionados

  1. Como e porquê criar uma página de empresa no Facebook
  2. Partilhar conteúdos na sua Página Facebook
  3. Dicas de utilização de páginas Facebook
  4. Tutorial Inserir a Caixa Gosto - Like Box do Facebook em Lojas epages
  5. Serviço de inserção de caixa Gosto do Facebook em Loja ou Web site epages
  6. Como as empresas tiram proveito do poder das redes sociais