インターフェイスのカラースキーム変更

検索

最終更新日 : 2022年2月18日 | 次にも適用 : Adobe LiveCycle

HTML Workspace ユーザーインターフェイス部分のカラースキームを必要に合わせて変更できます。代表的なカラースキームのカスタマイズの例を以下にいくつか示します。この記事に記載されている説明のほかに、「HTML Workspace のカスタマイズの一般的な手順」に記載されている説明も参照してください。

トップナビゲーションバー

背景画像の使用

HTML Workspace 上部のナビゲーションバーを更新するには：

背景画像を作成して色を更新します。ファイルに newBackground.jpg と名前を付けます。
WebDAV クライアントを使用して背景画像を /apps/ws/images フォルダーにアップロードします。

注意：

WebDAV アクセスについて詳しくは、http://dev.day.com/docs/en/crx/current/how_to/webdav_access.html を参照してください。
次のスタイルを追加することによって、/apps/ws/css/newStyle.css にある新しい背景画像を参照します。
```
#header {
    background:#292929 url(../images/newBackground.jpg) repeat-x;
}
```

CSS におけるカラープロパティの使用

/apps/ws/css にある newStyle.css に次のスタイルを追加します。
```
#header {
background : none;
background-color: gray;
}
```

Categoryコンポーネント

カテゴリコンポーネントは、左パネルでタスクのさまざまなカテゴリを表示します。この色を変更するには、CSS ファイルの.category 要素で、背景色を定義します。

タスクコンポーネント

タスクは、TaskList コンポーネントと呼ばれる中央のパネルに表示されます。色を変更するには、スタイルシートにある .task セレクターに関連付けられたスタイルを変更します。

その他の関連ヘルプ

ヘルプをすばやく簡単に入手

新規ユーザーの場合

Adobe MAX Japan
クリエイターの祭典

2025 年 2 月 13 日
東京ビッグサイト

詳しく見る