Dodaj ticker do swojej witryny za pomocą kilku linijek kodu HTML i CSS.
Znane również jako markizy, paski przewijają się na całej szerokości ekranu, prezentując wiadomości zaprojektowane tak, aby można je było wyświetlić i zrozumieć na pierwszy rzut oka. Powszechnie używane w telewizji do wyświetlania najważniejszych wiadomości lub danych giełdowych, paski czasami pojawiają się również w Internecie. Za pomocą kilku linijek kodu HTML i kodu CSS (Cascading Style Sheet) możesz szybko dodać tego typu treści do swojej witryny.
Krok 1
Otwórz swoją stronę internetową i zobacz jej kod HTML. Jeśli używasz narzędzia do edycji wizualnej, takiego jak Adobe Dreamweaver, otwórz stronę i kliknij obszar, w którym chcesz dodać pasek. Zmień tryb wyświetlania na Widok kodu. Pokazuje kod HTML, który kontroluje wygląd Twojej strony. Jeśli korzystasz z edytora tekstu, otwórz swoją stronę w edytorze i przewiń w dół do części strony, w której chcesz dodać pasek.
Wideo dnia
Krok 2
Naciśnij klawisz „Enter”, aby wstawić pustą linię.
Krok 3
Skopiuj i wklej następujący kod w pustym wierszu:
Ten kod definiuje element markizy, który domyślnie przesuwa zawartość po ekranie od prawej do lewej. Akapit zawarty między otwierającym i zamykającym znacznikiem markizy jest treścią tego przykładu.
Krok 4
Zaktualizuj parametry kodu, aby dopasować je do swoich potrzeb projektowych. Otwierający znacznik markizy używa reguł stylów CSS do zdefiniowania jasnoszarego koloru tła, wraz z szerokim na 1 piksel obramowaniem o nieco ciemniejszym odcieniu szarości. Wszystkie te wartości można dostosować. Ponadto zastąp zawartość zastępczą znajdującą się między otwierającym i zamykającym znacznikiem akapitu własnym tekstem lub obrazami.
Krok 5
Zapisz swoją stronę i otwórz ją w przeglądarce internetowej. Pasek informacyjny pojawia się na ekranie w lokalizacji strony wybranej w kroku 1.
