Programmazione di un finestra tipo popup

[Jessica Lucisano]

Ciao a tutti!
ho un problema nel programmare una finestra popup.
Io per un blog su wordpress devo creare una pagina come quella che compare in questo sito www.diredonna.it cliccando sul icona del menù (quella con le tre linee). Come posso fare a crearne una simile, ho provato in diversi modi sia scrivendo io il codice che usando dei plugin, senza ottenere alcun risultato.
Grazie in anticipo a tutti!

 

[PHPMan]

Crei il div che farai come una sorta di popup, mettiamo di chiamarlo popup:

<div class="popup">Popup!</div>

Lo personalizzi tramite css:

div.popup {

color: black;
background; #e5e5e5
position: absolute;
opacity: 0.8;

}

Crei quel qualcosa (bottone o altro, anche un div fatto con quelle 'tre linee' o altro) basta che gli dai come id oppup (ovvero open open pop up)

Una volta fatto ciò crei anche un div o altro che al click scompaia il popup, diamogli l'id clopup

A questo punto scriviamo il codice jquery:

<script src="linkajquery"></script>
<script src="linkajqueryuserinterface(UI)"></script>

<script>

$(function(){

$("div.popup").hide();

$("#oppup").click(function(){

$("div.popup").fadeIn(1000);

});

$("#clopup").click(function(){

$("div.popup").fadeOut(1000);

});

});
</script>


A te le varie personalizzazioni, ciaobye