Як зробити біжучий рядок?

Як зробити біжучий рядок?

Здрастуйте шановні відвідувачі блогу. Сьогодні ми навчимося робити на сайті біжучий рядок за допомогою html тега marquee. Так як ми не вдамося до яких-небудь скриптам або плагінам, біжучий рядок зовсім не буде вантажити сайт. За допомогою даного прийому можна не тільки урізноманітнити блог, а й ефективно провести рекламу чого-небудь, адже в біжучий рядок можна вставляти не тільки текст, але і картинки з посиланнями. Загалом застосування знайдеться. Перш ніж наводити приклади і давати коди, потрібно усвідомити як і куди буде потрібно вставляти код.

Біжучий рядок можна вставити в статтю. Можна зробити біжучий рядок прямо частиною шаблону, для цього потрібно додати код в потрібний файл Вашого шаблону, в залежності від того, де ми хочемо бачити рухомий рядок. При написанні статті необхідно переключитися в HTML-редактор і саме в ньому вставляти необхідний код (приклади кодів Ви можете побачити нижче). Увага!

При зворотному перемиканні в візуальний редактор тег marquee обрізається, тому краще спочатку написати статтю, а вже потім позначити в ній рухомий рядок. Якщо Ви хочете вивести рухомий рядок наприклад в шапці, то необхідно вставити код в файл header. php, якщо в підвал сайту, то в footer. php і т. д. Для цього потрібно перейти в режим редагування файлів теми (Дизайн — Редактор) і вносити зміни в потрібному файлі. Отже, з тим куди і як можна вставляти код на сайт розібралися, тепер давайте визначимося як виглядатиме біжучий рядок. 1 приклад. Найпростіший код рядка, що біжить для сайту це необхідні слова, укладені в тег marquee.

Тобто ось так: marquee a title = Фінстріп за Іюнь12 href = http://history-of-blog. ru/finstripy/finstrip-za-iyun12 / target = _blank У Червні я заробив понад 7’000 в інтернеті / a / marquee

Як ми бачимо я вставив у біжучий рядок посилання. Ви ж можете вставити як звичайний текст, так і текст з посиланням. 2 приклад. Біжучий рядок з шириною, висотою, фоном, напрямком і швидкістю У самій біжучому рядку я перерахуй всі стилі, які для неї задав, перш ніж зрозуміти що за що відповідально подивіться код цієї біжучого рядка: marquee width = 550 height = 55 bgcolor = # f2f2f2 direction = up scrollAmount = 2 Біжучий рядок з шириною, висотою, фоном, напрямком і швидкістю / marquee width це ширина.

Зараз вона фіксована і складає 550 пікселів. Якщо не прописувати цей параметр, то біжучий рядок буде займати всю можливу ширину, наприклад якщо вставляти її в статтю, то вона буде займати рівно стільки ж, скільки і відведено для основного контенту. height висота в пікселях. В даному випадку 55. bgcolor фоновий колір. direction напрямок руху.

Можливі варіанти: up знизу вгору, down зверху вниз, right зліва направо, left справа наліво (по-замовчуванням). scrollAmount швидкість рухомого рядка. Чим більше цифра, тим більше швидкість.

Так само варто зазначити ще один параметр, який може бути корисним: behavior задає тип руху. Можливі варіанти: alternate переміщення між лівою і правою межами, slide строчка переміщається так, як це задано атрибутом direction, проте дійшовши до краю зупиняється. 3 приклад.

Сподіваюся стаття була Вам корисна!

Як зробити біжучий рядок?

Сподобалася стаття? Поділися нею з друзями!