Hogyan készítsünk tickert a webhelyére

...

Adjon hozzá egy tickert webhelyéhez néhány soros HTML- és CSS-kód használatával.

A sátornak is nevezett jelzőtáblák a képernyő szélességében gördülnek át, és üzeneteket jelenítenek meg, amelyeket úgy terveztek, hogy egy pillantással megtekinthetők és megérthetők. A televízióban általánosan használt hírek vagy tőzsdei adatok megjelenítésére használják, néha a weben is megjelennek a tickerek. Néhány soros HTML és Cascading Style Sheet (CSS) kóddal gyorsan hozzáadhat ilyen típusú tartalmat webhelyéhez.

1. lépés

Nyissa meg weboldalát, és tekintse meg a HTML-kódját. Ha vizuális szerkesztőeszközt, például Adobe Dreamweavert használ, nyissa meg az oldalt, és kattintson arra a területre, amelyhez hozzá szeretné adni a tickert. Változtassa meg a megtekintési módot Kódnézetre. Ez megmutatja az oldal megjelenését szabályozó HTML-kódot. Ha szövegszerkesztőt használ, nyissa meg az oldalt a szerkesztőben, és görgessen le az oldal azon részéhez, amelyhez hozzá szeretné adni a tickert.

A nap videója

2. lépés

Nyomja meg az "Enter" billentyűt egy üres sor beszúrásához.

3. lépés

Másolja ki és illessze be a következő kódot az üres sorba:

Ide kerül a minta ticker szövege

Ez a kód egy kijelölő elemet határoz meg, amely alapértelmezés szerint jobbról balra csúsztatja a tartalmat a képernyőn. A nyitó és záró kijelölő címkék között található bekezdés a tartalom ebben a példában.

4. lépés

Frissítse a kódparamétereket a tervezési igényeinek megfelelően. A nyitó kijelölő címke CSS-stílusszabályokat használ a világosszürke háttérszín meghatározásához, valamint egy 1 pixel széles, kissé sötétebb szürke szegélyt. Mindezek az értékek beállíthatók. Ezenkívül a nyitó és záró bekezdéscímkék között található helyőrző tartalmat helyettesítse saját szöveggel vagy képekkel.

5. lépés

Mentse el az oldalt, és nyissa meg egy webböngészőben. A ticker megjelenik a képernyőn az 1. lépésben kiválasztott oldal helyén.