Přidejte na svůj web ticker pomocí několika řádků kódu HTML a CSS.
Také známé jako markýzy, tickery se posouvají po šířce obrazovky a prezentují zprávy navržené tak, aby je bylo možné vidět a pochopit na první pohled. Tickery, které se běžně používají v televizi k zobrazení nejdůležitějších zpráv nebo údajů o akciovém trhu, se někdy objevují také na webu. Pomocí několika řádků HTML a kódu CSS (Cascading Style Sheet) můžete tento typ obsahu rychle přidat na svůj web.
Krok 1
Otevřete svou webovou stránku a zobrazte její HTML kód. Pokud používáte nástroj pro vizuální úpravy, jako je Adobe Dreamweaver, otevřete stránku a klikněte na oblast, kam chcete přidat svůj ticker. Změňte režim zobrazení na zobrazení kódu. Zobrazí se vám kód HTML, který řídí vzhled vaší stránky. Pokud používáte textový editor, otevřete stránku v editoru a přejděte dolů na část stránky, kam chcete přidat ticker.
Video dne
Krok 2
Stisknutím klávesy "Enter" vložíte prázdný řádek.
Krok 3
Zkopírujte a vložte následující kód na prázdný řádek:
Tento kód definuje prvek ohraničení, který ve výchozím nastavení posouvá obsah po obrazovce zprava doleva. Obsahem v tomto příkladu je odstavec mezi otevíracími a zavíracími značkami výběru.
Krok 4
Aktualizujte parametry kódu tak, aby vyhovovaly vašim potřebám návrhu. Úvodní značka výběru používá pravidla stylu CSS k definování světle šedé barvy pozadí spolu s 1 pixel širokým okrajem mírně tmavší šedé. Všechny tyto hodnoty lze upravit. Kromě toho nahraďte obsah zástupného symbolu umístěného mezi značkami úvodního a závěrečného odstavce vlastním textem nebo obrázky.
Krok 5
Uložte svou stránku a otevřete ji ve webovém prohlížeči. Ticker se objeví na obrazovce v místě stránky, které jste vybrali v kroku 1.
