Come fare un Ticker per il tuo sito

December 20

Come fare un Ticker per il tuo sito


Conosciuto anche come tendoni, ticker scorrere per tutta la larghezza di uno schermo di visualizzazione, presentando i messaggi progettato per essere consultato e compreso a colpo d'occhio. Comunemente utilizzato in televisione per visualizzare principali notizie o dati del mercato azionario, ticker appaiono talvolta sul Web pure. Con poche righe di codice Cascading Style Sheet (CSS) HTML e, è possibile aggiungere rapidamente questo tipo di contenuto al tuo sito web.

istruzione

1 Aprire la pagina Web e visualizzare il codice HTML. Se si utilizza uno strumento di editing visuale come Adobe Dreamweaver, aprire la pagina e cliccare sulla zona in cui si desidera aggiungere la ticker. Cambia la modalità di visualizzazione a vista Codice. Questo vi mostra il codice HTML che controlla l'aspetto della pagina. Se si utilizza un editor di testo, aprire la pagina nell'editor e scorrere verso il basso per la parte della pagina in cui si desidera aggiungere il ticker.

2 Premere il tasto "Enter" per inserire una riga vuota.

3 Copia e incolla il seguente codice sulla riga vuota:

<Style marquee = "background-color: #eee; border: 1px solid #ccc">
<P> Testo di esempio ticker va qui </ p>
</ Marquee>

Questo codice definisce un elemento tendone, che scivola contenuti sullo schermo da destra a sinistra per impostazione predefinita. Il paragrafo contenuto tra l'apertura e chiusura tag tendone è il contenuto in questo esempio.

4 Aggiornare i parametri di codice in base alle proprie esigenze di progettazione. Il tag di apertura tendone utilizza le regole di stile CSS per definire un colore di sfondo grigio chiaro, oltre ad un'ampia bordo di 1 pixel di colore grigio leggermente più scuro. Tutti questi valori possono essere registrati. Inoltre, sostituire il contenuto di segnaposto situato tra l'apertura e chiusura tag di paragrafo con testo o immagini di tua scelta.

5 Salvare la pagina e aprirlo in un browser Web. Il ticker appare sullo schermo nella posizione pagina selezionata nel passaggio 1.


Articoli Correlati