Sådan laver du en ticker til din hjemmeside

...

Tilføj en ticker til dit websted ved hjælp af et par linjer HTML- og CSS-kode.

Også kendt som marquees, tickers ruller hen over bredden af ​​en visningsskærm og præsenterer beskeder designet til at blive set og forstået med et øjeblik. Almindeligvis brugt på tv til at vise nyhedshøjdepunkter eller aktiemarkedsdata, vises tickers nogle gange også på nettet. Med et par linjer HTML og Cascading Style Sheet (CSS)-kode kan du hurtigt tilføje denne type indhold til dit websted.

Trin 1

Åbn din webside og se dens HTML-kode. Hvis du bruger et visuelt redigeringsværktøj såsom Adobe Dreamweaver, skal du åbne siden og klikke på det område, hvor du vil tilføje din ticker. Skift din visningstilstand til Kodevisning. Dette viser dig HTML-koden, der styrer udseendet af din side. Hvis du bruger en teksteditor, skal du åbne din side i editoren og rulle ned til den del af siden, hvor du vil tilføje tickeren.

Dagens video

Trin 2

Tryk på "Enter"-tasten for at indsætte en tom linje.

Trin 3

Kopiér og indsæt følgende kode på den tomme linje:

Eksempel på tickertekst kommer her

Denne kode definerer et markeringselement, som som standard glider indhold hen over skærmen fra højre mod venstre. Afsnittet mellem de indledende og afsluttende markeringsmærker er indholdet i dette eksempel.

Trin 4

Opdater kodeparametrene, så de passer til dine designbehov. Åbningsmarkeringsmærket bruger CSS-stilregler til at definere en lysegrå baggrundsfarve sammen med en 1-pixel bred kant af lidt mørkere grå. Alle disse værdier kan justeres. Derudover skal du erstatte pladsholderindholdet mellem de indledende og afsluttende afsnitstags med din egen tekst eller billeder.

Trin 5

Gem din side og åbn den i en webbrowser. Tickeren vises på skærmen på den sideplacering, du valgte i trin 1.