Як зробити тиккер для свого сайту

...

Додайте мітку на свій веб-сайт за допомогою кількох рядків коду HTML і CSS.

Також відомі як позначки, тікери прокручуються по ширині екрана перегляду, представляючи повідомлення, призначені для перегляду та розуміння з першого погляду. Тікери, які зазвичай використовуються на телебаченні для відображення основних новин або даних фондового ринку, іноді також з’являються в Інтернеті. За допомогою кількох рядків коду HTML та каскадної таблиці стилів (CSS) ви можете швидко додати цей тип вмісту на свій веб-сайт.

Крок 1

Відкрийте свою веб-сторінку та перегляньте її HTML-код. Якщо ви використовуєте інструмент візуального редагування, наприклад Adobe Dreamweaver, відкрийте сторінку та клацніть область, куди потрібно додати свій міткер. Змініть режим перегляду на Code View. Це показує вам HTML-код, який керує зовнішнім виглядом вашої сторінки. Якщо ви використовуєте текстовий редактор, відкрийте свою сторінку в редакторі та прокрутіть вниз до тієї частини сторінки, куди потрібно додати мітку.

Відео дня

Крок 2

Натисніть клавішу «Enter», щоб вставити порожній рядок.

Крок 3

Скопіюйте та вставте наступний код у порожній рядок:

Зразок тексту тікера знаходиться тут

Цей код визначає елемент рамки, який за замовчуванням переміщує вміст по екрану справа наліво. Абзац, що міститься між відкриваючим і закриваючим тегами виділу, є вмістом у цьому прикладі.

Крок 4

Оновіть параметри коду відповідно до потреб вашого дизайну. Початковий тег області використовує правила стилю CSS для визначення світло-сірого кольору фону разом із 1-піксельною рамкою дещо темнішого сірого кольору. Усі ці значення можна регулювати. Крім того, замініть вміст заповнювача, розташованого між початковим і закриваючим тегами абзацу, власним текстом або зображеннями.

Крок 5

Збережіть свою сторінку та відкрийте її у веб-браузері. Тікер з’являється на екрані в місці, яке ви вибрали на кроці 1.