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 mening van Favorieten
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 duimnagels van Favorieten
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 duimnagels van Favorieten
state , die kan worden gebruikt om verschillende skins toe te passen op verschillende miniatuurtoestanden. state="selected" komt met name overeen met de miniatuur die onlangs door de gebruiker is geselecteerd. while state="default" komt overeen met de rest van de miniaturen. En state="over" wordt gebruikt bij de 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 etiket van Favorieten
Voorbeeld - voor het instellen van labels met een Helvetica®-lettertype van 14 pixels.
.s7ecatalogsearchviewer .s7favoritesview .s7label {
font-family: Helvetica,sans-serif;
font-size: 14px;
}