Visualizzazione Preferiti favorites-view
La vista Preferiti è costituita da una colonna di miniature.
L'aspetto del contenitore della visualizzazione Preferiti è controllato dal seguente selettore di classe CSS:
.s7ecatalogviewer .s7favoritesview
La posizione e l'altezza della vista Preferiti vengono gestite dalla vista; in CSS è possibile definire solo la larghezza.
Proprietà CSS della visualizzazione Preferiti
Esempio: per impostare una visualizzazione Preferiti larga 100 pixel con uno sfondo grigio semitrasparente:
.s7ecatalogviewer .s7favoritesview {
width: 100px;
background-color: rgba(221, 221, 221, 0.5);
}
La spaziatura tra le miniature Preferiti è controllata dal seguente selettore di classe CSS:
.s7ecatalogviewer .s7favoritesview .s7thumbcell
Proprietà CSS delle miniature Preferiti
Esempio - Per impostare una spaziatura di dieci pixel:
.s7ecatalogviewer .s7favoritesview .s7thumbcell {
margin: 5px;
}
L’aspetto di una singola miniatura viene controllato con il seguente selettore di classe CSS:
.s7ecatalogviewer .s7favoritesview .s7thumb
Proprietà CSS delle miniature Preferiti
state, che può essere utilizzato per applicare skin diversi a stati di miniature diversi. In particolare, state="selected" corrisponde alla miniatura selezionata di recente dall'utente. L'attributo state="default" corrisponde alle altre miniature. L'attributo state="over" viene utilizzato al passaggio del mouse.Esempio: per impostare miniature da 75 x 75 pixel, usare un bordo predefinito grigio chiaro e un bordo selezionato grigio scuro:
.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;
}
L’aspetto dell’etichetta delle miniature è controllato dal seguente selettore di classe CSS:
.s7ecatalogviewer .s7favoritesview .s7label
Proprietà CSS dell'etichetta Preferiti
Esempio - Per impostare etichette con un carattere Helvetica® da 14 pixel:
.s7ecatalogviewer .s7favoritesview .s7label {
font-family: Helvetica,sans-serif;
font-size: 14px;
}