2012-02-22 4 views
4

Facebook "Like" buttonでは、ボタン自体の幅と関連コンテンツ(好きな数など)を設定できます。Facebookの「好き」ボタンのコメントボックスの幅を変更することはできますか?

https://skitch.com/troywarr/8d761/like-button-facebook-developers

私はそのためのオプションが欠落している、またはある午前:しかし、私はあなたがボタン「のように」をクリック後に表示されるコメントボックスの幅を制御するためにドキュメントのいずれかのオプションが表示されませんそれをする方法はありませんか? CSSを使ってコメントボックスを含むの幅を上書きできますが、それはの内容の幅を変更しないのでオーバーフローして切り詰められます。また、別のドメインでホストされているため、コメントボックス内のスタイリングを変更することはできません。


UPDATE:

この質問はdownratedた理由わからない - 問題は、私が求めているものとがあるかどうコメントしてください。

コメントボックスの内容は、JavaScriptやCSSからアクセスできません。親ドキュメントからCSSスタイルを除外され、で作成しています、それはクロスドメインスクリプティングを禁止しているFacebookのドメイン上でホストされている:

https://skitch.com/troywarr/8d6wj/facebook-like-button

私が求めているすべてがある:

  • 私はこのコメントボックスの幅を選択できる設定(文書化されているかどうか)がありませんか?
  • 設定がない場合は、CSSを使用しての幅を設定するよりも優れたコメントボックスの幅を設定するための巧妙な方法がありますか?

答えて

1

あなたのサイトであれば、任意のものを変更できます。

使用CSSや使用して、ルールを施行!重要なディレクティブ

インラインCSSは、グローバル...などよりも、埋め込まれた、最も高い優先されます!

これが役に立ちます。

編集:iframeをCSS経由で外部にターゲティングできます。例は、それらがで指定されていないされていない場合は、上記のすべての幅をオーバーライドします

#container iframe /* iframe is inside a element with ID="container" 
{ 
width:200px !important; 
} 

の下に重要なタグ!応答のための

+0

おかげですが、上記の私の更新を参照してください。 – Bungle

+0

インラインCSSを書くことができない場合でも、外部からiframeをターゲティングすることができます。それはFacebookでホストされているが、いくらか限定されます。私の答えを更新しました。あなたが実際のiframe内に含まれる文書、ちょうどiframe要素そのもののスタイルを設定することはできません –

+0

注意。私は、コンテンツボックスの内容がそれに応じてリフローすることを期待して、CSSを使用してiframeの幅を設定しようとしたが、それはそうではないのです。 IFRAMEを狭めるだけでクリップ私のプロジェクトの要件ごとに許容されないその内容(コメント欄)、。 – Bungle

関連する問題