Ako vytvoriť ticker pre váš web

click fraud protection
...

Pomocou niekoľkých riadkov kódu HTML a CSS pridajte na svoj web ticker.

Označenia, známe aj ako markízy, sa posúvajú po šírke obrazovky a prezentujú správy navrhnuté tak, aby ich bolo možné vidieť a pochopiť na prvý pohľad. Tickery, ktoré sa bežne používajú v televízii na zobrazovanie najdôležitejších správ alebo údajov o akciovom trhu, sa niekedy objavujú aj na webe. Pomocou niekoľkých riadkov HTML a kódu CSS (Cascading Style Sheet) môžete tento typ obsahu rýchlo pridať na svoje webové stránky.

Krok 1

Otvorte svoju webovú stránku a zobrazte jej HTML kód. Ak používate vizuálny nástroj na úpravu, ako je Adobe Dreamweaver, otvorte stránku a kliknite na oblasť, do ktorej chcete pridať svoj ticker. Zmeňte režim zobrazenia na zobrazenie kódu. Zobrazí sa vám kód HTML, ktorý riadi vzhľad vašej stránky. Ak používate textový editor, otvorte svoju stránku v editore a prejdite nadol na časť stránky, do ktorej chcete pridať ticker.

Video dňa

Krok 2

Stlačením klávesu "Enter" vložíte prázdny riadok.

Krok 3

Skopírujte a prilepte nasledujúci kód na prázdny riadok:

Tu nájdete ukážkový text

Tento kód definuje prvok ohraničenia, ktorý štandardne posúva obsah po obrazovke sprava doľava. Obsahom v tomto príklade je odsek medzi otváracou a zatváracou značkou výberu.

Krok 4

Aktualizujte parametre kódu, aby vyhovovali vašim potrebám dizajnu. Úvodná značka výberu používa pravidlá štýlu CSS na definovanie svetlosivej farby pozadia spolu s 1 pixel širokým okrajom mierne tmavšej šedej. Všetky tieto hodnoty je možné upraviť. Okrem toho nahraďte obsah zástupného symbolu, ktorý sa nachádza medzi značkami úvodného a záverečného odseku, vlastným textom alebo obrázkami.

Krok 5

Uložte svoju stránku a otvorte ju vo webovom prehliadači. Indikátor sa zobrazí na obrazovke v mieste stránky, ktoré ste vybrali v kroku 1.