Weergave Favorieten favorites-view

De weergave Favorieten bestaat uit een kolom met miniaturen.

De vormgeving van de container van de folioweergave wordt bepaald door de volgende CSS-klassenkiezer:

.s7ecatalogsearchviewer .s7favoritesview

De positie en hoogte van de weergave Favorieten worden beheerd door de weergave. In CSS is het alleen mogelijk de breedte te definiëren.

CSS-eigenschappen van de weergave Favorieten

background-color
Achtergrondkleur van de weergave Favorieten.
width
Breedte van de weergave.

Voorbeeld - om een weergave Favorieten in te stellen die 100 pixels breed is en een halftransparante grijze achtergrond heeft.

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

De afstand tussen miniaturen Favorieten wordt geregeld met de volgende CSS-klassenkiezer:

.s7ecatalogsearchviewer .s7favoritesview .s7thumbcell

CSS-eigenschappen van de miniaturen Favorieten

marge
De grootte van de verticale marge rond elke miniatuur. De werkelijke miniatuurafstand is gelijk aan de som van de boven- en ondermarge die is ingesteld voor .s7thumbcell .

Voorbeeld - tien pixelspatiëring instellen.

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

De vormgeving van afzonderlijke miniaturen wordt bepaald door de volgende CSS-klassenkiezer:

.s7ecatalogsearchviewer .s7favoritesview .s7thumb

CSS-eigenschappen van de miniaturen Favorieten

width
Breedte van de miniatuur.
height
Hoogte van de miniatuur.
border
Rand van de miniatuur.
NOTE
De miniatuur ondersteunt de state kenmerkenkiezer, die kan worden gebruikt om verschillende skins toe te passen op verschillende miniatuurtoestanden. Met name: state="selected" komt overeen met de miniatuur die onlangs door de gebruiker is geselecteerd. while state="default" komt overeen met de overige miniaturen. en state="over" wordt gebruikt bij muisaanwijzer.

Voorbeeld - Als u miniaturen wilt instellen die 75 x 75 pixels zijn, hebt u een lichtgrijze standaardrand en een donkergrijze geselecteerde rand.

.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;
}

De vormgeving van het label van de miniatuur wordt bepaald door de volgende CSS-klassenkiezer:

.s7ecatalogsearchviewer .s7favoritesview .s7label

CSS-eigenschappen van het label Favorieten

lettertype-familie
Fontnaam.
tekengrootte
Tekengrootte.

Voorbeeld - voor het instellen van labels met een Helvetica®-lettertype van 14 pixels.

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