お気に入り表示 favorites-view
お気に入りビューは、サムネール画像の列で構成されます。
お気に入りビューコンテナの外観は、以下の 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 プロパティ
NOTE
サムネールでは、
state
属性セレクター。サムネールの状態ごとに異なるスキンを適用するのに使用できます。 特に state="selected"
は、ユーザーが最近選択したサムネールに対応します。 属性 state="default"
は、残りのサムネールに対応します。 また、属性 state="over"
は、マウスポインターを置いたときに使用されます。例 — 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;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8