我的最愛檢視

「我的最愛」檢視包含一欄縮圖影像。

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

.s7ecatalogsearchviewer .s7favoritesview

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

「我的最愛」檢視的CSS屬性

背景色

「我的最愛」檢視的背景顏色。

width

視圖寬度。

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

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

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

.s7ecatalogsearchviewer .s7favoritesview .s7thumbcell

我的最愛縮圖的CSS屬性

margin

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

範例——設定10像素間距。

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

個別縮圖的外觀由下列CSS類別選擇器控制:

.s7ecatalogsearchviewer .s7favoritesview .s7thumb

我的最愛縮圖的CSS屬性

寬度

縮圖寬度。

height

縮圖的高度。

border

縮圖邊框。

注意

縮圖支援state屬性選擇器,可用來將不同的外觀套用至不同的縮圖狀態。 特別是,state="selected"對應於使用者最近選取的縮圖。 state="default" 對應其餘的縮圖。而state="over"則用於滑鼠暫留。

範例——若要設定75 x 75像素的縮圖,請使用淺灰色預設邊框和深灰色選取的邊框。

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

縮表徵圖簽的外觀由下列CSS類別選擇器控制:

.s7ecatalogsearchviewer .s7favoritesview .s7label

「我的最愛」標籤的CSS屬性

字型系列

字型名稱。

字型大小

字型大小.

示例——使用14像素Helvetica字型設定標籤。

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

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free