Hvordan lage en ticker for nettstedet ditt

click fraud protection
...

Legg til en ticker på nettstedet ditt ved å bruke noen få linjer med HTML- og CSS-kode.

Også kjent som marquees, tickers ruller over bredden av en visningsskjerm, og presenterer meldinger designet for å bli sett og forstått med et øyeblikk. Ofte brukt på TV for å vise nyhetshøydepunkter eller aksjemarkedsdata, vises ticker noen ganger også på nettet. Med noen få linjer HTML og Cascading Style Sheet (CSS)-kode kan du raskt legge til denne typen innhold på nettstedet ditt.

Trinn 1

Åpne websiden og se HTML-koden. Hvis du bruker et visuelt redigeringsverktøy som Adobe Dreamweaver, åpner du siden og klikker på området der du vil legge til ticker. Endre visningsmodus til kodevisning. Dette viser deg HTML-koden som styrer utseendet til siden din. Hvis du bruker et tekstredigeringsprogram, åpne siden din i redigeringsprogrammet og bla ned til den delen av siden der du vil legge til tickeren.

Dagens video

Steg 2

Trykk på "Enter"-tasten for å sette inn en tom linje.

Trinn 3

Kopier og lim inn følgende kode på den tomme linjen:

Eksempel på tickertekst kommer her

Denne koden definerer et markeringselement, som som standard skyver innhold over skjermen fra høyre til venstre. Avsnittet mellom åpnings- og avslutningsrammen er innholdet i dette eksemplet.

Trinn 4

Oppdater kodeparameterne for å passe dine designbehov. Åpningsmarquee-taggen bruker CSS-stilregler for å definere en lysegrå bakgrunnsfarge, sammen med en 1-piksel bred kant av litt mørkere grå. Alle disse verdiene kan justeres. I tillegg bytter du ut plassholderinnholdet mellom åpnings- og avslutningstaggene med tekst eller bilder.

Trinn 5

Lagre siden din og åpne den i en nettleser. Tickeren vises på skjermen på sideplasseringen du valgte i trinn 1.