Добавьте тикер на свой сайт, используя несколько строк кода HTML и CSS.
Также известные как шатры, бегущие строки прокручиваются по ширине экрана просмотра, представляя сообщения, предназначенные для быстрого просмотра и понимания. Тикеры, которые обычно используются на телевидении для отображения основных новостей или данных о фондовых рынках, иногда появляются и в Интернете. С помощью нескольких строк кода HTML и каскадной таблицы стилей (CSS) вы можете быстро добавить этот тип контента на свой веб-сайт.
Шаг 1
Откройте свою веб-страницу и просмотрите ее HTML-код. Если вы используете инструмент визуального редактирования, например Adobe Dreamweaver, откройте страницу и щелкните область, в которую вы хотите добавить тикер. Измените режим просмотра на просмотр кода. Это показывает вам HTML-код, который управляет внешним видом вашей страницы. Если вы используете текстовый редактор, откройте свою страницу в редакторе и прокрутите вниз до той части страницы, где вы хотите добавить тикер.
Видео дня
Шаг 2
Нажмите клавишу «Ввод», чтобы вставить пустую строку.
Шаг 3
Скопируйте и вставьте следующий код в пустую строку:
Этот код определяет элемент marquee, который по умолчанию перемещает содержимое по экрану справа налево. Абзац, заключенный между открывающим и закрывающим тегами marquee, является содержимым в этом примере.
Шаг 4
Обновите параметры кода в соответствии с потребностями вашего дизайна. Открывающий тег marquee использует правила стиля CSS для определения светло-серого цвета фона вместе с рамкой шириной в 1 пиксель чуть более темного серого цвета. Все эти значения можно регулировать. Кроме того, замените содержимое заполнителя, расположенное между открывающим и закрывающим тегами абзаца, собственным текстом или изображениями.
Шаг 5
Сохраните свою страницу и откройте ее в веб-браузере. Тикер появится на экране в том месте страницы, которое вы выбрали на шаге 1.
