Come creare un ticker per il tuo sito web
Conosciuti anche come tendoni, i ticker scorrono lungo la larghezza di una schermata di visualizzazione, presentando messaggi progettati per essere visualizzati e compresi a colpo d'occhio. Comunemente utilizzati in televisione per visualizzare i punti salienti delle notizie o i dati del mercato azionario, 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 utilizzi uno strumento di editing visivo come Adobe Dreamweaver, apri la pagina e fai clic sull'area in cui desideri aggiungere il tuo ticker. Cambia la modalità di visualizzazione in Vista codice. Questo ti mostra il codice HTML che controlla l'aspetto della tua pagina. Se utilizzi un editor di testo, apri la tua pagina nell'editor e scorri verso il basso fino alla parte della pagina in cui desideri aggiungere il ticker.
Passaggio 2
Premere il tasto "Invio" per inserire una riga vuota.
Passaggio 3
Copia e incolla il codice seguente nella riga vuota:
Questo codice definisce un elemento di selezione, che fa scorrere il contenuto sullo schermo da destra a sinistra per impostazione predefinita. Il paragrafo contenuto tra i tag di selezione di apertura e chiusura è il contenuto di questo esempio.
Passaggio 4
Aggiorna i parametri del codice in base alle tue esigenze di progettazione. Il tag di selezione di apertura utilizza le regole di stile CSS per definire un colore di sfondo grigio chiaro, insieme a un bordo largo 1 pixel di grigio leggermente più scuro. Tutti questi valori possono essere regolati. Inoltre, sostituisci il contenuto del segnaposto che si trova tra i tag di apertura e chiusura del paragrafo con testo o immagini di tua scelta.
Passaggio 5
Salva la tua pagina e aprila in un browser web. Il ticker viene visualizzato sullo schermo nella posizione della pagina selezionata al passaggio 1.