Page History
...
Table of Contents | ||
---|---|---|
|
概要
Styleclass | ||
---|---|---|
| ||
変更を行う前に、「ROOT」ディレクトリ全体のバックアップを必ず作成してください。「ROOT」ディレクトリのzipを作成することで、変更したスタイル設定をYellowfinのデフォルト状態に、いつでも復元することができます。これは、CSSの扱いに慣れていない場合に、特に重要です。こちらの手順は必ず実行してください。
...
これらのディレクトリには、Yellowfinのオリジナルイメージの代わりに使用する、カスタマイズされたイメーやCSSが格納されています。これらのファイルは、カスタムディレクトリに保存されるため、オリジナルのファイルが変更されることはありません。カスタムディレクトリは、Yellowfin更新時に変更されないため、更新時にカスタムファイルが変更されることもありません。
イメージ
Styleclass | ||
---|---|---|
| ||
Yellowfinで使用されるイメージは、imagesディレクトリ(Yellowfin\appserver\webapps\ROOT\images
)に格納されています。Yellowfin全体で非常に多くのイメージを使用しており、様々なメニューや結果のルックアンドフィールを制御しています。これらのイメージをカスタマイズするためには、画像編集ソフトウェアが必要です。画像編集ソフトウェアがない場合は、GIMPやPaint.NETなど、無料のツールをオンラインで入手することができます。
...
- イメージファイルに、必要な変更を加えます。
- 「customimages」ディレクトリ(
Yellowfin\appserver\webapps\ROOT\customimages
)に変更を保存し、ファイル名とファイル形式が同じであることを確認します。 - ブラウザーのキャッシュをクリアします。
- 更新の影響を受けるページをリロードし、確認します。
CSS
Styleclass | ||
---|---|---|
| ||
Yellowfinで使用されるCSSファイルは、cssディレクトリ(Yellowfin\appserver\webapps\ROOT\css
)に格納されています。Yellowfinでは、様々なスタイルシートを使用して、製品の様々な局面のルックアンドフィールを制御しています。Yellowfinコンテンツのリスタイリングをするために使用する主要なファイルは「ie.css」
です。こちらのファイルは、システム全体を通して最も幅広くスタイルの指定に使用され、その他の比較的小さなファイルが、特定の機能やページの指定に使用されています。
...
ブラウザー | ページ上の操作 | メニュー上の操作 |
ページ上の任意の場所を右クリックし、メニューから「要素を検証」を選択します。 | 「設定」>「その他のツール」>「デベロッパーツール」に移動します。 | |
ページ上の任意の場所を右クリックし、メニューから「要素を調査」を選択します。 | 「Firefox」メニュー>「Web 開発」>「開発ツールを表示」に移動します。 | |
F12キーを押します。 | ツールメニューをクリックし、「開発者ツール」を選択します。 | |
ページ上の任意の場所を右クリックし、メニューから「要素の詳細を表示」を選択します。 | 「Opera」>「ページ」>「開発者用ツール」>「Opera Dragonfly」に移動します。 | |
ページ上の任意の場所を右クリックし、メニューから「要素の詳細を表示」を選択します。 | 「ページメニュー」ボタン>「開発」>「Webインスペクタを表示」に移動します。 |
...
注意:customcssディレクトリに保存する置き換え用のファイルは、オリジナルのファイルと同じファイル名でなくても構いません。クラス名が適切であれば、Yellowfinはこれらのファイルを使用します。これはつまり、必要に応じて、すべてのカスタムスタイルをひとつのCSSファイルにまとめることができます。こちらのファイルには、カスタマイズしたアイテムのみが含まれることになります。
horizontalrule |
---|
Styleclass | ||
---|---|---|
| ||