Pop-up esterno con chiusura a comando

Da Ospite Mar 7 Feb 2012 - 18:42

Pop-up esterno con chiusura a comando

Ciao,

in questo tutorial vi spiegherò come creare una specie di pop-up che si chiude se richiesto. .

;Cominciamo mettendo questo codice dove peù preferiamo:

Codice:: <div id="alert_center" align="center"><ul id="alert"><li>? • Scegliere un titolo che riflette anche il problema esposto nell'argomento, se il titolo non è rilevante, non sarà letto.</li><li>? • Se il problema che si ha è un a tema generale mettere davanti al titolo la versione del forum in questione tra parentesi (ad esempio [phpBB] statistiche in due tabelle )</li><li>•? Se non c'è bisogno di chiedere supporto nel profilo del forum, o se non hai postato l'argomento aperto in una situazione in cui è necessario per risolvere il problema, è possibile che l'argomento verrà ignorato.</li><li>•? Evitare un linguaggio con abbreviazioni (brevi messaggi, sms, mirc ecc ...).</li></ul><img id="inchide_alert" align="right" onclick="$('#alert_center').hide('slow');" src="./Inserimento di contenuti da una pagina all'altra_files/erase10.png"></div>

Se volete "migliorare" il design del pop-up basta modificare questo codice (che verrà poi inserito nel foglio CSS:

Codice:: #alert { list-style-type: none; padding: 5px; width: 90%; float: center; margin: 5px 0px; border: 2px solid #401A01; background: #765C43; color: white; text-shadow: 1px 1px 0px black; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-image: initial; }

Questo tutorail è stato testato con google chrome

Lo staff di Forumattivo.com
Tutorial interamente creato da Niko. La riproduzione totale o anche parziale non è consentita senza l'autorizzazione dell'autore. This tutorial is copyrighted by FA-magazine and not on Forumattivo. Everyone (support forum includes) has to ask me before editing, posting or adapting this tutorial. Thanks for your attention.