Unofficial WebSite X5

Categoria generale => FAQ - HowTo - Tutorials => Topic aperto da: lemonsong - 10 Maggio, 2014, 21:04:53

Titolo: [v10] Personalizzare frecce ShowBox (CSS2)
Inserito da: lemonsong - 10 Maggio, 2014, 21:04:53

Citazione

E' possibile personalizzare le frecce laterali della finestra ShowBox, come avviene nella versione Pro?

Possiamo inserire questo CSS in Proprietà Pagina - Esperto - Prima della chiusura del tag HEAD:

Citazione

<style>
img[src="res/imClose.png"]+div+div+div{
color:white !important;
background:#7BB5EF url("files/arrow_left.png") no-repeat center !important;
}
img[src="res/imClose.png"]+div+div+div+div{
color:white !important;
background:#7BB5EF url("files/arrow_right.png") no-repeat center !important;
}
</style>

In rosso da personalizzare.
A secondo del tipo di grafica utilizzata per le nostre frecce, potrebbe essere necessario aggiungere altre regole CSS.

QUI (http://lemonsong.altervista.org/test_imShowBox_arrows/) un esempio fatto con la 10.1.6.48 (demo).

Titolo: Re:[v10] Personalizzare frecce ShowBox (CSS2)
Inserito da: essedi - 11 Maggio, 2014, 12:16:11

Bello.
Ho appreso la possibilità di arrivare ad un oggetto tramite +div +div+div + ....

Titolo: Re:[v10] Personalizzare frecce ShowBox (CSS2)
Inserito da: lemonsong - 11 Maggio, 2014, 13:12:09

Bene  :)

Anche se sarà conosciuto da molti, posto questo utile link: http://www.w3schools.com/cssref/css_selectors.asp (http://www.w3schools.com/cssref/css_selectors.asp)