2011-01-11 15 views
3

FacebookのiFrameアプリケーションを使用しており、スタイリングに関する質問があります。Facebook Facebookスタイルシートを使用したiFrameアプリケーション

私はアプリケーションのコンテンツを他のfacebookのように見せたいと思います。だから私が考えることができる最も明白なアプローチは、そのようなスタイルを含むアプリケーション開発のためにFacebookによって提供されるスタイルシートを使用することでした。しかし、私はdevelopers.facebook.comやその他のサイトでこれについて何かを見つけることはできません。

以前はFBMLアプリケーションをいくつか作成していましたが、アプリケーションコンテンツがFacebookページ内にレンダリングされたため、Facebookスタイルを直接使用することができました。しかし、iframeは親コンテンツからスタイルシートを継承しません(そうすべきではありません)。

私は、Facebookの外観を模倣したアプリケーションスタイルシートを作成するように単に伝えるポスト/ブログをいくつか見つけました。しかし、私はこれが非常に良いアイデアだとは思わない、このCSSはFacebook上の何かが変わるたびに更新されなければならない。また、CSSに関するすべてのfacebook wikiページ(これまで私が使用していたもの)は削除されているようです。

私がFBML Canvasを使いたくない理由は、Facebookがこのアプローチを非難しているということです。彼らはiframeを使用して作成される新しいアプリケーションを推奨します。

http://developers.facebook.com/docs/reference/fbml/

私は本当に誰もがこの上の任意の良いアイデアを持っている願っています。

答えて

1

公式の方法はありません。なんらかの理由で、FBはそのスタイルをばかげた程度に破る。また、ダウンストリームのキャッシュを防止するために変更するたびにバージョンパラメータを追加するのではなく、ファイル名を変更します。ここで今日のスタイルシートの例です:

http://static.ak.fbcdn.net/rsrc.php/y-/r/40PDtAkbl8D.css 
http://b.static.ak.fbcdn.net/rsrc.php/yE/r/u7RMVVYiOcY.css 
http://static.ak.fbcdn.net/rsrc.php/yT/r/P-HsvhlyVjJ.css 
http://static.ak.fbcdn.net/rsrc.php/yT/r/CFyyRO05F0N.css 
http://static.ak.fbcdn.net/rsrc.php/y0/r/k00rCIzSCMA.css 
http://b.static.ak.fbcdn.net/rsrc.php/yv/r/BJI6bizfXHL.css 
http://b.static.ak.fbcdn.net/rsrc.php/yD/r/rmbhh_xQwEk.css 
http://b.static.ak.fbcdn.net/rsrc.php/yn/r/xlsrXFt9-vD.css 
http://b.static.ak.fbcdn.net/rsrc.php/yN/r/Uuokrl6Xv3c.css 
http://b.static.ak.fbcdn.net/rsrc.php/y0/r/klTGALEjWM8.css 
http://b.static.ak.fbcdn.net/rsrc.php/yN/r/mlYhlJwnCdr.css 
http://b.static.ak.fbcdn.net/rsrc.php/yT/r/uFI2FW2LitH.css 
http://b.static.ak.fbcdn.net/rsrc.php/yh/r/5Bzj1255G1S.css 
http://b.static.ak.fbcdn.net/rsrc.php/yp/r/5UteuBI1b8_.css 

あなたは、それぞれ既存のソリューションMinifyCombinerを使用してPHPや.NETのいずれかを使用してかなり簡単にこのプロセスを自動化することができます。

もっと簡単な方法は、Firefox用Web Developerツールバーを使用し、Facebookに行き、Web Developerツールバーオプションを選択して "CSSを表示"することで、すべてのCSSを束ねます。自分のローカルスタイルシートにコピーして貼り付けると、Facebookが大きな変更を加えたときだけ更新する必要があります。

私が気づいている簡単な方法はありませんが、あなたはそれをかなり迅速に処理する方法があります。

+0

私のセッションを削除して再度ログインするたびにこれらのリンクが変わるようです。デベロッパーツールバーを使用して自分自身で試して、Cookies-> Delete Session Cookiesを使用してください。再度ログインすると、View CSSを使用する際に、完全に新しいCSSリンクが表示されます。 –

+0

リンクは変わりますが、全体的なスタイルは大幅に変化しません。私は、すべてのスタイルを定期的に掻き集めることで、彼に望ましい結果が得られると考えることはかなり安全だと思います。 – S16

+0

さて、あなたはおそらくそれについて正しいでしょう。しかし、それはまさに私が望んでいたきれいで清潔な解決策ではありません。私は本当にFacebookがこれを将来変えることを願っています。 –

関連する問題