Vyn Favoriter
Skapat för:
- Utvecklare
- Användare
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
| background-color | Bakgrundsfärg i favoritvyn. |
| width | Vyns bredd. |
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
| marginal | Storleken på den lodräta marginalen runt varje miniatyrbild. Det faktiska mellanrummet för miniatyrbilder är lika med summan av den övre och nedre marginalen som är inställd för .s7miniatyrcell . |
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
| width | Miniatyrbildens bredd. |
| height | Höjden på miniatyrbilden. |
| kant | Miniatyrens kantlinje. |
NOTEstate 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;
}