Aggiungi un ticker al tuo sito web utilizzando poche righe di codice HTML e CSS.
Conosciuti anche come tendoni, i ticker scorrono lungo la larghezza di uno schermo di visualizzazione, presentando messaggi progettati per essere visualizzati e compresi a colpo d'occhio. Comunemente utilizzati in televisione per visualizzare notizie in evidenza 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.
Passo 1
Apri la tua pagina Web e visualizza il suo codice HTML. Se utilizzi uno strumento di modifica visiva come Adobe Dreamweaver, apri la pagina e fai clic sull'area in cui desideri aggiungere il tuo ticker. Cambia la modalità di visualizzazione in Visualizzazione codice. Questo ti mostra il codice HTML che controlla l'aspetto della tua pagina. Se utilizzi un editor di testo, apri la pagina nell'editor e scorri verso il basso fino alla parte della pagina in cui desideri aggiungere il ticker.
Video del giorno
Passo 2
Premere il tasto "Invio" per inserire una riga vuota.
Passaggio 3
Copia e incolla il seguente codice 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 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 modificati. Inoltre, sostituisci il contenuto del segnaposto situato tra i tag di apertura e chiusura del paragrafo con testo o immagini personali.
Passaggio 5
Salva la tua pagina e aprila in un browser Web. Il ticker viene visualizzato sullo schermo nella posizione della pagina selezionata nel passaggio 1.
