Archivi tag: CSS

Fancybox come posizionare e rendere sempre visibili le icone sinistra/destra di navigazione con i css

Ho ricevuto alcune richieste che riguardano “Fancybox“, l’ottimo visualizzatore di immagini in overlay, per una modifica che riguarda la visualizzazione e la posizione delle icone sinistra/destra di navigazione.

Le richieste sono tutte dello stesso tipo, variando solo nella posizione delle icone, rendere sempre visibili le icone di navigazione.

Il codice css che segue svolge tutto il lavoro:

#fancybox-left-ico, #fancybox-left:hover span {
left: -20px !important;
top: 100% !important;
}
#fancybox-right-ico, #fancybox-right:hover span {
left: auto !important;
right: -20px !important;
top: 100% !important;
}

e questo è un esempio del risultato

Fancybox css modificationpotete variare i valori delle regole css per ottenere la posizione che desiderate.

Il tema arras per wordpress ed il problema della slideshow su internet explorer 6

Lavorando ad un progetto che prevede l’uso del tema arras (versione 1.5) per wordpress mi sono imbattuto in un problema che si presenta su nternet explorer 6, non so se su altre versioni precedenti o successive.

Il problema in questione riguarda la sezione slideshow, la prima in alto, che si sovrappone con la sezione che segue subito sotto, chiamata Featured Posts #1, andandola a nascondere parzialmente.

La soluzione che ho trovato è semplicissima, si tratta di aggiungere una regola CSS:
#index-featured1 {position: relative;z-index: 1 !important;}

funziona perfettamente.

Piccole note:

  1. nel mio caso la regola è stata aggiunta ad un tema figlio di arras e non direttamente nel file style.css di arras, ma dovrebbe funzionare anche nel caso la si aggiunga nel file tyle.css di arras.
  2. Ho provato la visualizzazione Windows/IE6 su Virtual Box, ma la macchina virtuale dovrebbe non essere differente in questo caso da una vera.