プロセルピナ | ||||||||||
Top |
Internet |
Private Proxy |
Capture Device |
Download |
Config and Words |
Online Help |
Online Home |
|||
[BACK] | |||||
☞
Top >
PrivateProxy >
AntiAd >
Edit >
mixi >
pageSpecificCss.info
このページでは、
mixiカスタマイズデータ(配色カスタマイズ用のgif画像とCSSのセット)
を作成する手順を説明しています。 既に作成され公開されているmixiカスタマイズデータを使用するだけの場合は、 「mixi画面のカスタマイズについて」 を参照してください。 pageSpecificCss.infoマクロ mixi_generatePageSpecificCss.txtは、 cssファイルをページ単位にまとめた 「ページ特定CSS」 を一括作成します。 このときに必要になる設定ファイルが、 pageSpecificCss.info です。 サンプルは macroフォルダ にあり、自動アップデートの対象です。 mixiのcss構成についてmixiのcssは、 http://img.mixi.jp/static/css/ 配下に格納されています。 全ページに共通する設定は http://img.mixi.jp/static/css/basic/ 及び、 http://img.mixi.jp/static/css/basic/skin/ に格納されています。 伝統的に http://img.mixi.jp/static/css/ 直下に置かれるcssファイルもあります。 基底になるcssは、 http://img.mixi.jp/static/css/basic/reset.css です (古いmixiレイアウトで基底になっていたcssはcommon.css)。 reset.cssは、ページに直接リンクされる使い方はされていません。reset.cssを含め、基本的なcssは http://img.mixi.jp/static/css/basic/common.css に @import する形で参照されています。 ページにリンクされているcssファイルは、次のセットでよく記述されています。 ・ cominasicoセット /basic/common.css /basic/skin/default/mixicollection.css /basic/skin/navi_default.css /basic/skin/sidebar_default.css /basic/skin/component_default.css ・ cominasicoHomeセット (上記 cominasicoセットに追加して) /basic/skin/home_default.css /basic/home.css ・ cominasicoClassicセット /basic/common.css /basic/skin/default/mixicollection.css /basic/skin/navi_classic.css /basic/skin/sidebar_classic.css /basic/skin/component_classic.css 各ページからリンクされるcssファイルは、上記セットのうちのどれかに加えて、 いくつかのcssを足したものになっていることが殆どです。 例えば、list_diary.pl のページには cominasicoセットに、 /basic/skin/diary_default.css /basic/diary.css を加えたものがリンクされています。 また、edit_profile.pl のページでは cominasicoHomeセットに、 /emoji_palette.css を加えたものがリンクされています。 pageSpecificCss.infoには、これらのよく使用するcssセットを 1つのcssにまとめたものを出力するように記述されています。 cominasicoセットは pl_cominasico.css 、 cominasicoHomeセットは pl_cominasicoHome.css 、 cominasicoClassicセットは pl_cominasicoCla.css にまとめられます。 よって、list_diary.pl のページに対応する「ページ特定CSS」である pl_list_diary.css は、 pl_cominasico.css と diary_default.css と diary.css を組み合わせたものに単純化できます。 同じように、edit_profile.pl のページに対応する「ページ特定CSS」である pl_edit_profile.css は、 pl_cominasicoHome.css と emoji_palette.css の組み合わせたものになります。 |
|||||
[BACK] | |||||
プロセルピナ |