Il Popup-under è quel box che può contenere codice html che viene visualizzato al centro della pagina in cui è implementato. Generalmente viene utilizzato da grossi siti, come Html.it, per visualizzare banner pubblicitari.

Il Popup-under è sicuramente meno invasivo dei fastidiosissimi popup, non viene bloccato dai browser o toolbar in quanto viene visto come elemento html e non come finestra.

Come si crea un popup-under?

E’ semplicissimo, basta mettere queste due righe di codice nel foglio di stile

#absolute {width:100%; height:100%; text-align:center; position:absolute; }
#popup {width:400px; height:400px; background-color:#000000; border:2px solid

#999999; text-align: center; margin:0 auto; } 

E inserire questo div nella pagina html

<div id="absolute" onclick="this.style.display='none'">
<div  id="popup" onclick="this.style.display='none'">
<h2 style="color:#FFFFFF">popup</h2></div>
</div>
Questo è un esempio di popup-under che si posiziona al 
centro di una pagina e cliccando nell'area
del popup si chiuderà, se mettete un banner cliccando 
sul banner stesso il click porterà su un altro sito.
Possono esserci soluzioni più avanzate, 
una soluzione basata su Ajax e di sicuro più elegante
e la potete trovare qui http://orangoo.com/labs/GreyBox/

Non c'è ancora nessun commento.

Comments RSS TrackBack Identifier URI