COME CREARE UNA FINESTRA POP-UP

Le finestre pop-up sono pagine particolari, che si aprono come fossero nuove finestra, ma un pò particolari. Tutti, ormai, sanno cos'è ma non tutti sanno come realizzarla! ^_^ ebbene, qui voglio spiegarvi passo passo come realizzare una bella finestra pop-up con tanto di layout ben inserito dentro!

COME FARE?

Premessa: per vedere un esempio pratico di pop-up andate nel mio blog, al piccolo paragrafo "altre cose su di me": diverse pagine si aprono in pop-up!^^

1.Prima cosa da fare è creare la pagina che volete appaia in finestra pop-up. inoltre, se volete inserire una grafica apposita (tipo quelle che mettiamo a disposizione noi qui, alla sezione layouts per pop-up), inseritela sfruttando questo codice che io uso sempre:

<DIV STYLE="position : absolute; left : 0px; z-index : 0 ; top : 0;"><img src="NOME IMMAGINE.JPG/GIF/PNG" border="0"></div></p>

e segnatevi larghezza e lunghezza dell'immagine in PIXEL. Lavorate come volete alla pagina, aggiungendo i-frame, testi, ecc...

2. Ora dovete fare in modo di creare il link che aprirà la pagina che avete appena fatto in pop-up. Per questo create una nuova pagina; linkate un testo o un'immagine alla pagina che volete far comparire in pop-up così:

<a href="NOME TUA PAGINA.html"<a href="NOME TUA PAGINA.html"onClick="window.open('NOME TUA PAGINA.html','updates','width=XXX,height=XXX,directories=no,location=no,menubar=no,scrollbars=no,status=no,toolbar=no,resizable=no,left=0,top=0,screenx=50,screeny=50');return false">TESTO LINK O IMMAGINE</a><br>

3. Siamo al passo finale: modificare i valori che trovate. Al posto di NOME TUA PAGINA inserite il nome della pagina che volete compaia in pop-up. Al posto di XXX inserite in pixel (ma senza px, solo il numero) prima la larghezza e poi la lunghezza dell'immagine del layout, altrimenti valori a piacimento. Poi, potete scegliere se inserire la barra degli strumenti, ecc... Attenzione! dove dice: "scrollbars=no" lasciate così se avete creato un'immagine apposta per il layout della pagina, per evitare che sballi il tutto!!!

Questo è tutto! e avete dei problemi, contattatemi!