Facebook喜歡按鈕「休息」時登錄作爲頁

我有一個Facebook的'喜歡'在我的網頁上的按鈕，它工作正常。但是，當訪問者在Facebook上以「頁面」登錄時，它包含一張照片並打破了我的設計。我想這是因爲頁面不允許喜歡的東西。Facebook喜歡按鈕「休息」時登錄作爲頁

我非常有這樣的iframe：http://developers.facebook.com/docs/reference/plugins/like-box/

我如何擺脫這個形象的任何想法？任何方式來改變設計，禁用此「功能」或檢查用戶是否登錄爲頁面（以隱藏整個事情）？

感謝

編輯： 截圖的問題：i.imgur.com/gLa7Q.png 在最上面的一個，我登錄作爲一個普通用戶，我下方的「使用作爲Facebook的頁面」

我正在使用的代碼：<iframe class="facebook" src="http://www.facebook.com/plugins/like.php?href=<?=urlencode('http://www.mysite.com')?>&layout=standard&show_faces=false&width=210&action=like&colorscheme=light&height=45" scrolling="no" frameborder="0" allowTransparency="true"></iframe>

來源

2011-07-01 AndSoYouCode

頁面可以像其他頁面一樣，FYI。 – 2011-07-01 09:27:27

你能包括一張你想要修復的圖片嗎？ – 2011-07-01 09:29:07

對不起，中午吃飯。但是這裏有一個截圖。 http://i.imgur.com/gLa7Q.png在我以常規用戶身份登錄的頂級域名中，最底層的是「使用Facebook作爲頁面」。 – AndSoYouCode

我只注意到了完全相同的問題。看起來FB是一個bug，因爲它們提供了一個插入代碼，它們的按鈕在特定但完全正常的條件下被打破（即作爲頁面登錄到FB）。我也喜歡解決方案。與此同時，這個錯誤促使我完全從我的博客中刪除了FB按鈕，這不幸似乎是目前唯一的解決方案。

來源

2011-07-22 11:10:09

看起來問題實際上是通過將iframe限制到按鈕所需的大小來實現的，因爲它正常顯示。將按鈕放置在佈局中時，需要考慮將它作爲頁面登錄FB的內容顯示時的較大佔用空間。對包含元素的iframe進行一些佈局調整似乎有助於避免此問題。 –

這在大多數情況下都是可行的解決方案，但不適用於我的解決方案。我的問題是我沒有足夠的空間來顯示圖像。感謝您的意見。 – AndSoYouCode

我發現這在Facebook開發者喜歡框配置頁面是真實的。肯定是一個Facebook的錯誤。

來源

2012-10-24 20:39:44 OKParrothead

你可以在你的CSS中使用'overflow'元素來阻止它破壞設計。無論有人登錄到Facebook，這至少會保持像框一樣的大小。

1）總結你的樣箱在一個div，並給它一個ID（在HTML）

<div id="mylikebox"> Facebook like Box Code in here </div>

2）添加到CSS（調節高度和寬度，如果你需要）

#mylikebox { 
height: 70px; 
width: 210px; 

overflow: hidden; 
}

讓我知道它是否成功！

來源

2012-11-30 18:57:09

一年多前，我停止在該網站上工作。所以不要指望我有什麼好的反饋...... – AndSoYouCode

由納撒尼爾提供的答案爲我工作。我將所有社交圖標排在一行：http://www.cg-its.com

通過設置div高度30，並添加overflow：hidden屬性，如果某人以頁面而不是個人帳戶登錄，則可以看到部分紅色框和「切換」網址，允許他們以個人身份重新登錄。

這並不完美，但對於用戶數量的影響，這是一個很好的解決方案。

來源

2014-01-30 15:57:58 ConradGoodman

Facebook喜歡按鈕「休息」時登錄作爲頁

回答

相關問題