2012-01-05 10 views
3

ダークカラーのLike Boxを私のウェブサイトに置こうとすると、すべてが正しく機能しているように見えますが、その色はライトスキームのように見えます。Like Box「ダーク」カラースキームが正しく表示されない

は、ここで私が使用したコードです:

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&amp;width=360&amp;height=258&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:360px; height:258px;" allowTransparency="true"></iframe> 

私はIFRAMEとHTML5コードの両方を試してみました。

別の問題は、数人の顔しかボックスに表示されず、最大の顔が表示されることがあります。

答えて

5

ダークカラースキームは適切にレンダリングされていますが、設計上、背景がありません(透明です)。希望する背景をdivの前に置き、demonstrated hereとします。

2

デベロッパーボタンウィザードがChromeで動作しませんでした。理由は分かりませんが、色の濃淡を明から暗に変えるデータ要素が見つかりました。あなたは手動で以下を追加することができ、うまくいくでしょう。

データ-カラースキーム= "暗い"

例:

<div class="fb-like" data-href="http://www.nike.com" data-send="false" data-colorscheme="dark" data-width="450" data-show-faces="false"></div> 
+2

私は幸運のないdata-colorscheme = "dark"を試しました。 –

0

が、私は同様のエラーを取得するように見える..私は 'のような' と 'ログイン' プラグインを使用してい ..私は私はありませんとき、すべてが..私のボタンが軽い「のような」...

問題罰金ですログインしている:187studio.ch(ページ上部)

0

私はこのスレッドに遅刻していることは知っていますが、現時点では暗い色のスキームが壊れているように見えます。

上記のJimmy Sawczukの例はまだ機能していますが、それは彼が 'ストリーム'を表示していないためです。 'stream'プロパティをtrueに設定すると大きな問題が1つまたは2つ確認できます。ダークカラースキーム

  • 次アバターにアカウント名のために多く
    <div> 
    <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&amp;width=360&amp;height=258&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=true&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:360px; height:258px;" allowTransparency="true"></iframe> 
    </div> 
    

    Link to demonstration

    1. 自体は全て白に裏打ちされている記事

      は...白い背景に白いテキストです。 ..だから見えない。

    マークアップがiframe内にあり、カスタマイズするためにプロパティが不足しているため、何ができるのだろうかと思っていますか?

  • 関連する問題