Le finestre popup sono un utile, ma a volte frustrante parte di Internet. Quando utilizzati per trasmettere informazioni, sono uno strumento prezioso. Quando usato per vendere si pacchetti vacanze, sono fastidiosi. Quando si lavora come Web designer, è inoltre necessario guardare come si crea una finestra popup. In genere, si utilizza JavaScript per codice pop-up, ma alcuni browser bloccare JavaScript, e non sempre funziona correttamente. È possibile creare testo popup nel tuo Cascading Style Sheets (CSS) a comparire sulla pagina quando passi il mouse sopra un blocco di ipertesto.
Istruzioni
1
Aprire la pagina Web in uno strumento di modifica HTML, ad esempio Blocco note.
2
Posizionare il cursore all'interno del collegamento ipertestuale che si desidera che il pop-up in.
3
Digitare "< span >" all'inizio del testo all'interno del collegamento ipertestuale.
4
Digitare < / span > alla fine del testo all'interno del collegamento ipertestuale.
5
Salvare il file e chiuderlo.
6
Aprire il tuo file CSS in un editor di testo.
7
Inserire il testo seguente:
"div #links a span {display: none;}"
Questo impedisce che il testo nascosto di pop-up che appare quando si apre la pagina.
8
Inserire il testo seguente:
"div #links un: hover span {display: block;
Posizione: assoluta; Top: 200px; sinistra: 0; Larghezza: 125px;
Imbottitura: Xpx; margine: Ypx; z-indice: Z;
colore: #(codice colore); sfondo: nero;
carattere: 10px (carattere), (stile); text-align: (allineamento);} "
Le ultime tre righe rappresentano come apparirà il testo. Sostituire "X" "Y" e "Z" con i valori appropriati. Sostituisci "(codice colore)", "(font)", "(stile)" e "(allineamento)" con i valori appropriati per la tua pagina Web.
9
Salvare e chiudere il file CSS.
Consigli & Avvertenze
- Questo metodo è efficace solo per testo popup. Non utilizzare icone o altri elementi grafici.