お気に入り表示

お気に入り表示は、サムネール画像の列で構成されます。

お気に入り表示コンテナの外観は、以下のCSSクラスセレクターを使用して制御します。

.s7ecatalogviewer .s7favoritesview

お気に入り表示の位置と高さは、表示が管理します。CSSでは、幅の定義のみ可能です。

お気に入り表示のCSSプロパティ

例 — 幅が100ピクセルで、背景色が半透明のグレーのお気に入り表示を設定するには、次のように記述します。

.s7ecatalogviewer .s7favoritesview { 
 width: 100px; 
 background-color: rgba(221, 221, 221, 0.5); 
}

お気に入りサムネールの間隔は、以下のCSSクラスセレクターを使用して制御します。

.s7ecatalogviewer .s7favoritesview .s7thumbcell

お気に入りサムネールのCSSプロパティ

例 — 10ピクセルの間隔を設定します。

.s7ecatalogviewer .s7favoritesview .s7thumbcell { 
 margin: 5px; 
}

個々のサムネールの外観は、以下のCSSクラスセレクターを使用して制御します。

.s7ecatalogviewer .s7favoritesview .s7thumb

お気に入りサムネールのCSSプロパティ

例 — 75 x 75ピクセルで、初期設定の境界線がライトグレー、選択された境界線がダークグレーのサムネールを設定します。

.s7ecatalogviewer .s7favoritesview .s7thumb { 
 width: 75px; 
 height: 75px;  
} 
.s7ecatalogviewer .s7favoritesview .s7thumb[state="default"] { 
 border: 1px solid #dddddd; 
} 
.s7ecatalogviewer .s7favoritesview .s7thumb[state="selected"] { 
 border: 1px solid #666666; 
}

サムネールラベルの外観は、以下のCSSクラスセレクターを使用して制御します。

.s7ecatalogviewer .s7favoritesview .s7label

お気に入りラベルのCSSプロパティ

例 — 14ピクセルのHelveticaフォントのラベルを設定するには、次のように記述します。

.s7ecatalogviewer .s7favoritesview .s7label { 
 font-family: Helvetica,sans-serif; 
 font-size: 14px; 
}