2

ハイライト部分を非表示にする必要があります。

IframeのホームページでFacebookの「LikeBox」を使用しています。しかし、私が欲しいのは、画像で言及されている強調表示された部分を非表示または削除する必要があることです。

できるだけ早く助けてください。ほんとうに必要だ。

前もって感謝します。

4

3 に答える 3

8

私が見たところ、Facebookでこれを行う方法はもうありませんが、少しのHTMLとCSSを使用して、上部のバーと下部のバーを削除することができました。これを試して：

  1. 外側のdivをdivの周りにラップしfb-like-boxます
  2. 外側のdivの高さと幅をフィードに表示したいものに設定します
  3. fb-like-boxdivの高さを外側のdivの高さよりも高く設定します
  4. margin-top:-71pxfb-like-boxdivに設定
  5. overflow-y: hidden外側のdivに設定

これにより、外側のdivの上のヘッダーと、その下のフッターが非表示になります。以下の例。

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=123456789101112";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div style="width:275px;height:242px;border:solid 1px #b28b2e;overflow-y:hidden;">
    <div class="fb-like-box" data-href="http://www.facebook.com/myfacebookpage" data-width="275" data-height="338" data-show-faces="false" data-stream="true" data-header="false" data-force-wall="true" style="margin-top:-71px;"></div>
</div>
于 2013-03-15T14:46:23.910 に答える
2

同一生成元の制限のため、iframeにあるものに触れることはできず、Facebookはその部分をオプションにしません（「いいね」ボックスでは常に「いいね」ボタンを表示する必要があります）。

代わりに、アクティビティフィードプラグインを使用して必要な結果が得られる場合があります：https ：//developers.facebook.com/docs/reference/plugins/activity/

編集： 申し訳ありませんが、アクティビティフィードはLikeBoxストリームと同じフィードではありません。実際、Facebookがその機能を備えた別のプラグインを提供しているとは思いません。そのセクションをページから削除したい場合、私が考えることができるのは、iframeを「オーバーフロー：非表示」のあるdivに配置することだけです。そしてiframeで「position：relative; top：-63px;」

于 2012-09-17T06:01:05.123 に答える
0

たぶん、iframeプラグインの代わりにhtml 5プラグインを使用して、CSSを使用して非表示にしてみることができます。または、グラフAPIを使用してフィードを取得し、必要に応じて表示することもできます。

于 2012-09-17T06:28:46.817 に答える