Weergave Favorieten favorites-view
De weergave Favorieten bestaat uit een kolom met miniaturen.
De weergave van de weergavecontainer Favorieten wordt beheerd met de volgende CSS-klassenkiezer:
.s7ecatalogviewer .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
Voorbeeld - Een weergave Favorieten instellen die 100 pixels breed is en een halftransparante grijze achtergrond heeft:
.s7ecatalogviewer .s7favoritesview {
width: 100px;
background-color: rgba(221, 221, 221, 0.5);
}
De afstand tussen miniaturen Favorieten wordt geregeld met de volgende CSS-klassenkiezer:
.s7ecatalogviewer .s7favoritesview .s7thumbcell
CSS-eigenschappen van de miniaturen Favorieten
Voorbeeld - tien pixelspatiëring instellen:
.s7ecatalogviewer .s7favoritesview .s7thumbcell {
margin: 5px;
}
De vormgeving van afzonderlijke miniaturen wordt bepaald door de volgende CSS-klassenkiezer:
.s7ecatalogviewer .s7favoritesview .s7thumb
CSS-eigenschappen van de miniaturen Favorieten
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. Het kenmerk state="default" komt overeen met de overige miniaturen. En, het attribuut 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:
.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;
}
De vormgeving van het label van de miniatuur wordt bepaald door de volgende CSS-klassenkiezer:
.s7ecatalogviewer .s7favoritesview .s7label
CSS-eigenschappen van het label Favorieten
Voorbeeld - Een label instellen met een Helvetica®-lettertype van 14 pixels:
.s7ecatalogviewer .s7favoritesview .s7label {
font-family: Helvetica,sans-serif;
font-size: 14px;
}