Nwlapcug.com


Come fare una finestra pop-up senza JavaScript

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.