web-dev-qa-db-ja.com

fb：like-box、カスタムcss？

カスタムCSSファイルをfb：like-boxに追加することは可能ですか？たとえば、iframeの周りの境界線を削除したいとします。ありがとう

htmlfacebookapifacebook-likebox
19
Johan

新しいlike-boxは「css」属性を受け入れません。それを達成するには、古いfb：fanプラグインを使用する必要があります。

例えば：

<fb:fan profile_id='[PAGE_ID]' width='300' height='256' show_faces='true' stream='false' header='false' css='[CSS_URL]'></fb:fan>

「all.js」を必ず追加してください。

26
Daniel G. Blázquez
<div id="fb-root"></div>

<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>

<script type="text/javascript">FB.init("Your-App-ID");</script>

<fb:fan profile_id="Your-Page-Profile-ID" connections="20" width="300" height="300" css="http://example.com/likebox-style.css?1"></fb:fan>

投稿率が低いページにはライブストリームを使用しないでください。6週間より古い投稿のみがある場合、ストリームは空になります。

2
user1654320

css属性を<fb:like-box>タグに追加し、hrefをカスタムCSSスタイルシートに追加できます。これにより、既存のスタイルを操作できます。

このテーマに関する良い記事： http://line25.com/tutorials/how-to-add-a-custom-facebook-like-box-to-your-site

1
Chris

FacebookのようなボックスはCSSをサポートしなくなりました。 Facebookレポート：セキュリティ上の理由により、カスタムCSSのサポートは削除されました。 show_border = false引数を介して、ボーダーなしでlikeboxプラグインをレンダリングできるようになりました。ただし、likeボックスをカラフルにしたい場合は、svgグラデーショントリックを使用できます。読む- SVGでボックスのようにFacebookをスタイリング

1
Sara Farooqui

トピックに関する詳細情報：

Force_wall属性を使用する場合は、iframeバージョンを使用する必要があります。

基本的に：

移動：

[〜＃〜]完了[〜＃〜]

0
LionsAd