Як зробити біжучий рядок на сайті

Дема Сруссос post on жовтня 11, 2013
Posted in ІНТЕРНЕТ Tags: , ,

Можливо, Вам вже доводилося бачити на сайтах рухомі рядки тексту. З цієї статті ви дізнаєтеся, як створити біжучий рядок тексту на веб-сторінці, а також на реальних прикладах навчитеся застосовувати різні параметри рядка, що біжить тексту. Що ж, приступимо!

Знайомство з тегом

Рухомий рядок в html-документі створюється тегом, який має такі параметри, як ширина поля тексту, висота і фоновий колір. Розглянемо це на прикладі.

Приклад 1. Створимо біжучий рядок з текстом «Це моя перша біжучий рядок»Шириною в 500 пікселів, висотою – 25, фоновим кольором – білим.
Ось так виглядатиме html-код цієї рухомого рядка:


Це моя перша біжучий рядок

Розміщуємо цей код між тегами і і отримуємо повний html-код веб-сторінки:

Моя біжучий рядок

Це моя перша біжучий рядок


Як зробити біжучий рядок на сайті

Приклад 2. Створимо біжучий рядок з текстом «Це моя друга біжучий будівка »з тими ж параметрами, що і в попередньому прикладі.

Моя біжучий рядок

Це моя друга біжучий рядок


Як зробити біжучий рядок на сайті

Приклад 3. Створимо біжучий рядок з текстом «Це моя нова рядок, що біжить», З червоним фоновим кольором.

Моя біжучий рядок

Це моя нова рядок, що біжить


Як зробити біжучий рядок на сайті

Спробуйте створити щось подібне самі, змінивши колір фону або розміри поля.
Удачи!

Коментування вимкнено .

  1. Робеот коментує:

    Є питання-а як до бегущейстроке підключити гаманець, дляоплати за рекламу на сайті?
    Клієнт повинен сам ввести текстреклами після оплати.Можно ЛІЕТ зробити на звичайному
    HTML сайті (без движка). Спасибо!