カスタム css ファイルを fb:like-box に追加することはできますか? たとえば、iframe の周囲の境界線を削除したいと考えています。ありがとう
5 に答える
新しい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」を追加することを忘れないでください。
<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 週間以上前の投稿しかない場合、ストリームは空になります。
Facebook のようなボックスは CSS をサポートしなくなりました。Facebook レポート: カスタム CSS のサポートは、セキュリティへの影響により削除されました。show_border=false引数を使用して、likebox プラグインを境界線なしでレンダリングできるようになりました。ただし、いいねボックスをカラフルにしたい場合は、svg グラデーション トリックを使用できます。読む - SVG を使用した Facebook Like Box のスタイリング
カスタム CSS スタイルシートへの href を持つタグにcss
属性を追加できます。<fb:like-box>
これにより、既存のスタイルを操作できます。
このテーマに関する良い記事: http://line25.com/tutorials/how-to-add-a-custom-facebook-like-box-to-your-site
トピックに関する詳細情報:
force_wall 属性を使用する場合は、iframe バージョンを使用する必要があります。
基本的:
次の場所に移動します。
http://developers.facebook.com/docs/reference/plugins/like-box/
iframe コードを取得する
それに profile_id および css 属性を追加します (上記で説明したように)
www.facebook.com/plugins/likebox.php からパスを変更しますか? http://www.connect.facebook.com/widgets/fan.phpへ?...
終わり