Autore Topic: [v10] Personalizzare frecce ShowBox (CSS2)  (Letto 1293 volte)

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
[v10] Personalizzare frecce ShowBox (CSS2)
« il: 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 un esempio fatto con la 10.1.6.48 (demo).

essedi

  • Anziani
  • Utente esperto
  • *
  • Post: 418
Re:[v10] Personalizzare frecce ShowBox (CSS2)
« Risposta #1 il: 11 Maggio, 2014, 12:16:11 »
Bello.
Ho appreso la possibilità di arrivare ad un oggetto tramite +div +div+div + ....

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:[v10] Personalizzare frecce ShowBox (CSS2)
« Risposta #2 il: 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