タグ

2012年3月18日のブックマーク (3件)

  • Facebookページに複数の「いいね!」ボタンを設置したい! | Tips Note by TAM

    「いいね!」ボタンは、読者からの反応が直接反映されるので 1つだけではなく複数設置したい場面があると思います。 (人気商品を知りたい、ランキングを作りたい など) (例) プラザ/PLAZA(ルミネ有楽町店) ※公開終了 → ※赤で囲んだ部分が「いいね!」ボタン。 ところが、 Facebookページ 1ページに対し、 「いいね!」ボタンは 1つしか置くことができません。 それでもやっぱり複数の「いいね!」ボタンを置きたかったので、 独自に考えたてみた複数の「いいね!」ボタンを設置する 2つの設置例をご紹介いたします。 ※非常に無理矢理感のある方法ですので、推奨はいたしません。 Facebookの仕様変更等にも十分ご注意ください。 (例) ・ASCII.jp Web Professional 「書籍紹介」 ※公開終了 「いいね!」ボタンから、 各書籍の詳細情報のページへリンクしています。 ▼

    Facebookページに複数の「いいね!」ボタンを設置したい! | Tips Note by TAM
  • FacebookのIFrameタブページでスクロールバーを消す方法

    FacebookのIFrameタブページに表示されるスクロールバーを消す方法のまとめです。 1.スクロールバーが発生するケース スクロールバーは、コンテンツサイズが高さ800px・幅520pxを超えると自動的に表示されるようです(CSSでbodyセレクタにmargin:0; padding:0;を指定した場合)。 下のスクリーンショットは、サイズをちょっと超えた、青枠だけの画像を表示したものです。 IFrameタブページにスクロールバーが表示された状態 「高さ800px・幅520px」という値はブラウザ依存なので、大体の目安と理解しておくと良いでしょう。 参考までに、ブラウザ別のスクロールバーが表示されなかった最大サイズを掲載しておきます。計測は、コンテンツにimg要素を与え、width属性とheight属性を指定した方法で行っています。すべてOSはWindows VISTAです。 Goo

    FacebookのIFrameタブページでスクロールバーを消す方法
  • FacebookページのIframe仕様で出てしまうスクロールバーを消す覚書 Eitoku's Blog

    FacebookページをIframeでカスタマズすると、ある一定の縦の長さで、スクロールバーがでますね。これ、いやじゃないですか?パソコンによっても出現したりするし。 これをなんとかしたくて、いろいろ調べ、ようやくスクロールバーを消す事が出来ました。その方法を書きたいと思います。 ●手順 手順といっても難しくはありません。あるスクリプトをhtmlに入れるだけです。参照したのは以下のブログです。 iframe版ページタブでもFB.Canvas.setAutoResize()できる : Facebook開発者向けドキュメントの日語訳とTips そのスクリプトは <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script> <div id="fb-root"></div> <scr