Voeg een ticker toe aan uw website met een paar regels HTML- en CSS-code.
Ook bekend als marquees, scrollen tickers over de breedte van een weergavescherm en presenteren berichten die zijn ontworpen om in één oogopslag te worden bekeken en begrepen. Vaak gebruikt op televisie om nieuwshoogtepunten of beursgegevens weer te geven, verschijnen tickers soms ook op het web. Met een paar regels HTML en Cascading Style Sheet (CSS) code kun je dit soort content snel aan je website toevoegen.
Stap 1
Open uw webpagina en bekijk de HTML-code. Als u een visuele bewerkingstool zoals Adobe Dreamweaver gebruikt, opent u de pagina en klikt u op het gebied waar u uw ticker wilt toevoegen. Wijzig uw weergavemodus in Code View. Dit toont u de HTML-code die het uiterlijk van uw pagina bepaalt. Als u een teksteditor gebruikt, opent u uw pagina in de editor en scrolt u omlaag naar het deel van de pagina waar u de ticker wilt toevoegen.
Video van de dag
Stap 2
Druk op de "Enter"-toets om een lege regel in te voegen.
Stap 3
Kopieer en plak de volgende code op de lege regel:
Deze code definieert een selectiekader dat inhoud standaard van rechts naar links over het scherm schuift. De alinea tussen de openings- en sluitingskadertags is de inhoud in dit voorbeeld.
Stap 4
Werk de codeparameters bij om aan uw ontwerpbehoeften te voldoen. De eerste selectiekadertag gebruikt CSS-stijlregels om een lichtgrijze achtergrondkleur te definiëren, samen met een 1-pixel brede rand van iets donkerder grijs. Al deze waarden kunnen worden aangepast. Vervang daarnaast de tijdelijke aanduiding-inhoud tussen de openings- en sluitingsparagraaftags door eigen tekst of afbeeldingen.
Stap 5
Sla uw pagina op en open deze in een webbrowser. De ticker verschijnt op het scherm op de paginalocatie die u in stap 1 hebt geselecteerd.
