Pop-up esterno con chiusura a comando


Pop-up esterno con chiusura a comando

Messaggio Da Ospite il 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><font><font>? • Scegliere un titolo che riflette anche il problema esposto nell'argomento, se il titolo non è rilevante, non sarà letto.</font></font></li><li><font><font>? • Se il problema che si ha è un a tema generale mettere davanti al titolo la versione del forum in questione tra parentesi (ad esempio  </font></font><i><font><font>[phpBB] statistiche in due tabelle</font></font></i><font><font> )</font></font></li><li><font><font>•? </font><font>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.</font></font></li><li><font><font>•? </font><font>Evitare un linguaggio con abbreviazioni (brevi messaggi, sms, mirc ecc ...).</font></font></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.

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum