我的最愛檢視 favorites-view

我的最愛檢視由一欄縮圖影像組成。

「我的最愛」檢視容器的外觀是由下列CSS類別選取器所控制:

.s7ecatalogviewer .s7favoritesview

收藏夾檢視的位置和高度由檢視管理;在CSS中只能定義寬度。

我的最愛檢視的CSS屬性

background-color
我的最愛檢視的背景顏色。
width
檢視寬度。

範例 — 若要設定寬度為100畫素且背景為半透明灰色的「我的最愛」檢視:

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

我的最愛縮圖之間的間距由下列CSS類別選取器控制:

.s7ecatalogviewer .s7favoritesview .s7thumbcell

我的最愛縮圖的CSS屬性

margin
每個縮圖周圍垂直邊界的大小。 實際縮圖間距等於為設定的上下邊界總和 .s7thumbcell .

範例 — 若要設定十個畫素間距:

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

使用下列CSS類別選取器來控制個別縮圖的外觀:

.s7ecatalogviewer .s7favoritesview .s7thumb

我的最愛縮圖的CSS屬性

width
縮圖的寬度。
height
縮圖的高度。
border
縮圖的邊框。
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屬性

font-famiy
字型名稱。
font-size
字型大小.

範例 — 若要設定14畫素Helvetica®字型的標籤:

.s7ecatalogviewer .s7favoritesview .s7label {
 font-family: Helvetica,sans-serif;
 font-size: 14px;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8