Membership index
ATTENZIONE: Non dimenticate di aggiungere i vendor prefixes ai codici css di base.
Various modal windows with different graphics and effects.
Varie finestre modali con grafica ed effetti differenti.
Leggi anche "Testo in modal, finestra di dialogo" nella guida
Scrivere in HTML.
NOTA: I download riservati ai membri possono essere effettuati anche senza registrazione con una piccola donazione a sostegno del sito.
Lista delle risorse scaricabili con donazione
8a-Modal window positioned - HTML, CSS
8a-Finestra modale posizionata - HTML, CSS
Apertura automatica con posizione in basso a dx o a sx.
8b-Various modal windows with animations - HTML, CSS
8b-Finestre modali varie con animazioni - HTML, CSS
8c-Custom modal window - HTML, CSS
8c-Finestra modale personalizzata - HTML, CSS
8d-Crossfade modal window - HTML, CSS
8d-Finestra modale crossfade - HTML, CSS
8e-Multiple modal windows with different content - HTML, CSS
8e-Finestre modali multiple con contenuti differenti - HTML, CSS
8f-Modal window with timeout - HTML, CSS, Jquery
8f-Finestra modale con timeout - HTML, CSS, jQuery
Nella dimostrazione, la finestra si apre automaticamente dopo 2 secondi e si chiude dopo 5 secondi.
Effetto fade. Possibilità di chiusura anche manuale.
Single image lightbox in three versions
Immagine lightbox singola in tre versioni
Image lightbox - HTML, CSS
8g-Image lightbox - HTML, CSS, Javascript
8h-Image lightbox - HTML, CSS, jQuery
Usefull solutions
Soluzioni utili
Chiusura per popup
Apri codice
<div id="modal">
..........................
</div>
<span style="color:red;float:right;font-size:2.0rem" onclick="document.getElementById('modal').style.display='none'">×</span>
Membership index
Argomenti del sito correlati:
Leggi tutto