Как сделать бегущую строку для вашего веб-сайта

Также известные как бегущие строки, бегущие строки прокручиваются по ширине экрана просмотра, представляя сообщения, предназначенные для просмотра и понимания с первого взгляда. Обычно используемые на телевидении для отображения основных новостей или данных фондового рынка, бегущие строки иногда появляются и в Интернете. С помощью нескольких строк кода HTML и каскадной таблицы стилей (CSS) вы можете быстро добавить этот тип контента на свой веб-сайт.

Шаг 1

Откройте свою веб-страницу и просмотрите ее HTML-код. Если вы используете инструмент визуального редактирования, такой как Adobe Dreamweaver, откройте страницу и щелкните область, в которую вы хотите добавить бегущую строку. Измените режим просмотра на «Просмотр кода». Это показывает вам код HTML, который управляет внешним видом вашей страницы. Если вы используете текстовый редактор, откройте свою страницу в редакторе и прокрутите вниз до той части страницы, где вы хотите добавить бегущую строку.

Шаг 2

Нажмите клавишу «Ввод», чтобы вставить пустую строку.

Шаг 3

Скопируйте и вставьте следующий код в пустую строку:

Пример текста бегущей строки здесь

Этот код определяет элемент выделения, который по умолчанию перемещает содержимое по экрану справа налево. Содержимым в этом примере является абзац, заключенный между открывающим и закрывающим тегами выделения.

Шаг 4

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

Шаг 5

Сохраните свою страницу и откройте ее в веб-браузере. Бегущая строка появится на экране в том месте страницы, которое вы выбрали на шаге 1.

Как закрыть окно, когда Internet Explorer перестает работать

Как проверить память на компьютере с помощью CMD

• Как посмотреть HTML-код веб-сайта
• Как сделать AT&T моей домашней страницей
• Как сделать ссылку на веб-сайт на рабочем столе
• Как сделать собственные значки папок для Windows 7

1. Как сделать лицо Пластина для вашего телефона
2. Как сделать свой собственный 2D штрих-кода
3. Как сделать панорамное фото для сайта
4. Как сделать Ваш телефон Различные Код
5. Как сделать MSN домашней страницей