Come creare un ticker per il tuo sito web
Noti anche come marquee, i ticker scorrono lungo la larghezza dello schermo di visualizzazione, presentando messaggi progettati per essere visti e compresi a colpo d'occhio. Comunemente usati in televisione per mostrare notizie o dati di borsa, i ticker a volte appaiono anche sul Web. Con poche righe di codice HTML e CSS (Cascading Style Sheet), puoi aggiungere rapidamente questo tipo di contenuto al tuo sito web.
Passaggio 1
Apri la tua pagina web e visualizza il suo codice HTML. Se usi un strumento di editing visivo come Adobe Dreamweaver, apri la pagina e clicca sull'area dove vuoi aggiungere il ticker. Cambia la modalità di visualizzazione in Visualizzazione codice. Questo ti mostra il codice HTML che controlla l'aspetto della tua pagina. Se usi un editor di testo, apri la pagina nell'editor e scorri fino alla parte della pagina dove vuoi aggiungere il ticker.
Passaggio 2
Premi il tasto "Invio" per inserire una riga vuota.
Passaggio 3
Copia e incolla il seguente codice sulla riga vuota:
Questo codice definisce un elemento marquee, che fa scorrere il contenuto sullo schermo da destra a sinistra per impostazione predefinita. Il paragrafo contenuto tra i tag di apertura e chiusura marquee è il contenuto in questo esempio.
Passaggio 4
Aggiorna i parametri del codice per adattarli alle tue esigenze di design. Il tag di apertura marquee usa regole di stile CSS per definire un colore di sfondo grigio chiaro, insieme a un bordo grigio leggermente più scuro largo 1 pixel. Tutti questi valori possono essere regolati. Inoltre, sostituisci il contenuto segnaposto tra i tag di apertura e chiusura paragrafo con testo o immagini tue.
Passaggio 5
Salva la tua pagina e aprila in un browser web. Il ticker appare sullo schermo nella posizione della pagina che hai selezionato nel Passaggio 1.