Hur man gör en ticker för din webbplats

...

Lägg till en ticker på din webbplats med några rader HTML- och CSS-kod.

Även känd som markiser, tickers rullar över bredden på en visningsskärm och presenterar meddelanden som är utformade för att ses och förstås med en blick. Vanligtvis används på tv för att visa nyhetshöjdpunkter eller aktiemarknadsdata, tickers visas ibland också på webben. Med några rader HTML och CSS-kod (Cascading Style Sheet) kan du snabbt lägga till den här typen av innehåll på din webbplats.

Steg 1

Öppna din webbsida och se dess HTML-kod. Om du använder ett visuellt redigeringsverktyg som Adobe Dreamweaver, öppna sidan och klicka på området där du vill lägga till din ticker. Ändra ditt visningsläge till kodvy. Detta visar HTML-koden som styr utseendet på din sida. Om du använder en textredigerare, öppna din sida i redigeraren och scrolla ner till den del av sidan där du vill lägga till tickern.

Dagens video

Steg 2

Tryck på "Enter" för att infoga en tom rad.

Steg 3

Kopiera och klistra in följande kod på den tomma raden:

Exempel på tickertext går här

Den här koden definierar ett markeringselement, som som standard för innehåll över skärmen från höger till vänster. Stycket mellan de inledande och avslutande markeringstaggarna är innehållet i det här exemplet.

Steg 4

Uppdatera kodparametrarna så att de passar dina designbehov. Den öppna markeringstaggen använder CSS-stilsregler för att definiera en ljusgrå bakgrundsfärg, tillsammans med en 1-pixel bred kant av något mörkare grå. Alla dessa värden kan justeras. Ersätt dessutom platshållarinnehållet mellan de inledande och avslutande stycketaggarna med din egen text eller bilder.

Steg 5

Spara din sida och öppna den i en webbläsare. Tickern visas på skärmen på den sida du valde i steg 1.