Vyn Favoriter favorites-view
Vyn Favoriter består av en kolumn med miniatyrbilder.
Utseendet på behållaren för vyn Favoriter styrs av följande CSS-klassväljare:
.s7ecatalogviewer .s7favoritesview
Positionen och höjden på vyn Favoriter hanteras av vyn. I CSS går det bara att definiera bredden.
CSS-egenskaper för vyn Favoriter
Exempel - Så här ställer du in en favoritvy som är 100 pixlar bred med en halvgenomskinlig grå bakgrund:
.s7ecatalogviewer .s7favoritesview {
width: 100px;
background-color: rgba(221, 221, 221, 0.5);
}
Avståndet mellan Favoriter-miniatyrbilder styrs med följande CSS-klassväljare:
.s7ecatalogviewer .s7favoritesview .s7thumbcell
CSS-egenskaper för miniatyrbilderna Favoriter
Exempel - Så här ställer du in tio pixelavstånd:
.s7ecatalogviewer .s7favoritesview .s7thumbcell {
margin: 5px;
}
Utseendet på enskilda miniatyrbilder styrs med följande CSS-klassväljare:
.s7ecatalogviewer .s7favoritesview .s7thumb
CSS-egenskaper för miniatyrbilderna Favoriter
state som kan användas för att tillämpa olika skal på olika miniatyrlägen. I synnerhet motsvarar state="selected" den miniatyrbild som nyligen valts av användaren. Attributet state="default" motsvarar resten av miniatyrbilderna. Och attributet state="over" används vid hovring med musen.Exempel - Om du vill ställa in miniatyrbilder som är 75 x 75 pixlar har du en ljusgrå standardkantlinje och en mörkgrå markerad kantlinje:
.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;
}
Utseendet på miniatyrbildetiketten styrs av följande CSS-klassväljare:
.s7ecatalogviewer .s7favoritesview .s7label
CSS-egenskaper för etiketten Favoriter
Exempel - Så här ställer du in etiketter med ett Helvetica®-teckensnitt på 14 pixlar:
.s7ecatalogviewer .s7favoritesview .s7label {
font-family: Helvetica,sans-serif;
font-size: 14px;
}