| 1 | = Color Palette Theme Plugin = |
| 2 | |
| 3 | == 1.概要 == |
| 4 | |
| 5 | パレットを模したカラフルなテーマです。 |
| 6 | |
| 7 | このプラグインを使うには、[http://trac-hacks.org/wiki/ThemeEnginePlugin ThemeEnginePlugin]が必要です。 |
| 8 | |
| 9 | なお、デフォルトのTracのアイコンでは横幅が大きすぎてうまく表示できません。 |
| 10 | 横幅が122px程度の大きさのロゴ画像を用意してください。 |
| 11 | |
| 12 | === 1.1 スクリーンショット === |
| 13 | [[Image(source:/trunk/colorpalettetheme/0.10/colorpalettetheme/htdocs/screenshot.png, width=640, height=400)]] |
| 14 | |
| 15 | === 1.2 ご注意 === |
| 16 | IE6,IE7,FireFox2.0.0.1(Win)で動作確認しました。 |
| 17 | |
| 18 | ただし、IE6は透過PNGが使えないためPNGの代わりに透過GIFを使ってます。その結果ボタンに影がつきません。 |
| 19 | |
| 20 | == 2.セットアップ == |
| 21 | |
| 22 | === 2.1 ThemeEnginePluginのセットアップ === |
| 23 | [http://trac-hacks.org/wiki/ThemeEnginePlugin TracHackのThemeEnginePlugin]から |
| 24 | ThemeEnginePluginをダウンロードして、インストールしてください。[[FootNote(Tracのプラグインに共通する説明は、[wiki:TracPlugins TracPlugins]を参照してください。)]] |
| 25 | |
| 26 | |
| 27 | === 2.2 本プラグインのダウンロード === |
| 28 | 以下からダウンロードしてください。[[BR]] |
| 29 | ・[[Download2(ColorPaletteThemePlugin Version 0.1,ColorPaletteThemePluginDev,colorpalettetheme,)]] |
| 30 | |
| 31 | |
| 32 | === 2.3 本プラグインのインストールとセットアップ === |
| 33 | ColorPaletteThemePluginのインストールを行います。 |
| 34 | |
| 35 | ==== (1) eggの設置 ==== |
| 36 | zipを解凍してください。 |
| 37 | 解凍して出来たフォルダ配下のsrcディレクトリに移動してください。 |
| 38 | 以下のコマンドを実行して下さい: |
| 39 | {{{ |
| 40 | $ python setup.py bdist_egg |
| 41 | }}} |
| 42 | distフォルダが作成されます。 |
| 43 | その中にある*.eggファイルを、TracEnvのplugins ディレクトリにコピーしてください。 |
| 44 | |
| 45 | ==== (2) Themeの選択 ==== |
| 46 | |
| 47 | trac.iniを以下のように編集してください。 |
| 48 | {{{ |
| 49 | [theme] |
| 50 | theme = ColorPalette |
| 51 | }}} |
| 52 | |
| 53 | また、trac.iniでロゴ画像のパスを指定してください。 |
| 54 | 例えば、 |
| 55 | ロゴ画像をTracEnvのhtdocs/images/logo.pngにおいた場合は、 |
| 56 | 以下のように指定します。詳細はTracIniを参照してください。 |
| 57 | {{{ |
| 58 | [header_logo] |
| 59 | height = -1 |
| 60 | src = site/images/logo.png |
| 61 | width = -1 |
| 62 | }}} |
| 63 | |
| 64 | == 3. カスタマイズ == |
| 65 | site_css.csを書き換えることで、ボタンの色を変えることができます。 |
| 66 | 色を変えるには、#mainnav2 .num''n'' (nはボタンの番号。0から連番)のbackground-colorを指定します。 |
| 67 | |
| 68 | 例:一番上を青に、二番目を灰色にするには、 |
| 69 | {{{ |
| 70 | #mainnav2 .num0 {background-color:blue;} |
| 71 | #mainnav2 .num1 {background-color:gray;} |
| 72 | }}} |
| 73 | |
| 74 | == 4. ご意見・ご要望 == |
| 75 | ご意見・ご要望は[/trac/newticket?component=ColorPaletteTheme こちら]から登録してください。[[BR]] |
| 76 | これまでに登録されたものは[query:?component=ColorPaletteTheme こちら]を参照してください。 |
| 77 | |
| 78 | [[FootNote]] |