webdonsk.ruКак сделать бегущую строку на компьютере
Обновлено: 06.07.2024
• 31.08.19 Версия 1.0: первоначальная, вроде бы стабильная версия
• 28.09.19 Версия dotMatrix 1.3: исправлена скорость и количество матриц
• 29.09.19: исправлен масштаб 3D моделей решётки
• 04.10.19 Версия 1.1 GyverString и GyverStringOffline: оптимизация под широкие матрицы (до 80 пикселей)
• 12.10.19 Версия 1.2 GyverString и GyverStringOffline: улучшена стабильность
• 04.10.19 приложение версии 1.2: исправлен баг с кнопкой АВТО
• 29.10.19 Версия 1.3 GyverStringOffline: исправлен баг с красным цветом
ОПИСАНИЕ
Бегущая строка на матрицах MAX7219 или матрице адресных светодиодов с голосовым управлением! Приложение для Android: Google Play
Бегущая строка- элемент в веб-дизайне для привлечения внимания, чаще используется в рекламных целях. Бегущая строка это просто напросто текст который движется, слева направо, справа налево или вверх вниз.
В бегущую строку можно вставить новость, объявление, приветствие, отобразить текущее время и дату и много много другой интересной информации.
Как сделать бегущую строку html на сайте
Создать бегущую строку не составит большого труда и времени. Что бы заставить текст двигаться без фотошопа был разработан и создан тег html , сначала специально для для браузера Internet Explorer, а затем и все остальные браузеры начали обрабатывать и поддерживать тег.
Что самое приятное и удивительное это очень маленький и коротенький тег, который приводит в движение не только текст, но и картинки. Чудеса да и только!
К примеру, что бы текст двигался справа налево нужно вставить код:
Тут вставляем текст бегущей строки
Тут вставляем текст бегущей строки
Приветствие:
Hello,my name is Galya
В принципе бегущую строку можно вставить куда душа пожелает: в футер, сайдбар, под шапкой блога или в саму шапку.
Можно настроить бегущую строку добавив стили и атрибуты. По умолчанию бегущая строка движется только справа налево, чтобы изменить направление строки надо к тегу добавить атрибут direction со значением right
Бегущая строка cлева направо
Что бы текст не исчезал за границы и двигался туда-сюда нужно добавить атрибут behavior со значением alternate
Бегущая строка перемещается между правым и левым краем
Бегущая строка перемещается между правым и левым краем
Цветная бегущая строка перемещается между правым и левым краем
Туда-сюда на цветном фоне
Бегущая строка останавливается при наведении
Бегущая строка останавливается при наведении
Бегущая строка останавливается при наведении
А теперь добавим стили css и украсим нашу бегущую строку, получится цветная бегущая строка:
Цветная бегущая строка
Цветная бегущая строка движется слева направо:
Цветная бегущая строка слева направо
Цветная бегущая строка слева направо
Настройки:
Сделаем бегущую строку на цветном фоне:
Бегущая строка на цветном фоне
Бегущая строка на цветном фоне
bgcolor- цвет фона
Цветная бегущая строка
Чтобы бегущая строка двигалась снизу вверх добавим атрибут direction со значением up:
Бегущая строка снизу вверх
И сразу же добавим еще один атрибут heigh и настроим высоту блока:
Настройки:
height="150" - высота блока
font-size: 30px- размер шрифта
А теперь заставим бегущую строку двигаться сверху вниз. К атрибуту direction добавим значение down
Бегущая строка сверху вниз
Что бы регулировать скорость прокрутки бегущей строки добавим атрибут scrolldelay :
Настройка:
scrolldelay="60" - изменяем цифры и устанавливаем свою скорость прокрутки
Что бы указать границы блока добавим к стилям рамочку, добавим атрибуты width и height.
height - это высота блока
scrollamount - атрибут который влияет на скорость движения, чем выше число тем быстрее движется текст.
Бегущая строка в рамочке
Сделаем бегущую строку в рамочке на цветном фоне: добавим атрибут bgcolor
Бегущая строка в рамочке на цветном фоне
Бегущая строка в html с картинками
Картинка движется справа налево:
Картинка в бегущей строке слева направо:
Картинка сверху вниз:
Изображение и текст в бегущей строке:
Приятно было познакомиться! Заходите ещё!
Вставляем картинку на сайт в черновик и в html редакторе находим url картинки или загружаем на специализированный ресурс для публикации изображений на сайтах, блогах, чатах и берем оттуда ссылку.
Как вставить ссылку в бегущую строку
Хотите узнать как сделать из блога сайт? Читать подробнее
Как вставить бегущую строку в Blogger (Blogspot)
Как добавить бегущую строку в WordPress
В записи открываем Html редактор или вкладку "Текст" вставляем код бегущей строки и нажимаем "Опубликовать". Редактировать статью только в этих вкладках, в визуальном редакторе настройки слетают и придется делать все сначала. Если изменения в статье сделать необходимо, заходим через Консоль > Все записи > Изменить. В такой последовательности открывается запись в html редакторе.
Добавляем бегущую строку в боковую колонку: Консоль > Внешний вид > Виджеты > Текст > Добавить виджет. Вставляем код и сохраняем.
LedShowTW – простая программа для программирования контроллеров серии BX-5/BX-X-U/BX-6/AX/DX, произведенные заводом Onbon. С её помощью, вы самостоятельно сможете настроить и менять при необходимости необходимый текст, добавить анимацию, отрегулировать яркость свечения, добавить счётчики дней или отчёт до начала рекламной акции. Настроить отображение дополнительной информации, такую как температуру и влажность, при наличии необходимых датчиков. Возможно управление строкой по сети Wi-Fi.
Разворачиваем субтитр на всю вашу строку
Для добавления текста выбираем соответствующую пиктограмму
Для лучшей читаемости текста на вашей бегущей строке, рекомендую всегда писать заглавными буквами и выбирать жирный текст.
Выбираете необходимые параметры, задаёте скорость, время, и включаете рамку если это необходимо.
Научно производственная компания Магнист — партнер крупнейших производителей комплектующих для светодиодных рекламных конструкций и носителей в Китае. Более 8 лет опыта. Постоянно обновляемый ассортимент насчитывает более 500 наименований продукции, которую мы предлагаем нашим партнерам.
Данный контроллер производится с 2012 года, и является одним из самых популярных в России, для настройки монохромных (одноцветных) строк небольших размеров.
Выглядит он так:
Это простой и надёжный контроллер, который зарекомендовал себя очень хорошо. У данного контроллера есть собственная батарейка (таблетка) которая неограниченное время хранит записанный текст с флешки в памяти контроллера.
В нашей практике не было ни одного случая, чтобы этот контроллер вышел из строя. Если у вас не работает строка, то скорее всего причина или в питании, или в светодиодных модулях, а если на строке демонстрируется какая-либо надпись (у новых строк Welcome), то вероятнее всего, у вас некорректно настроена программа.
Работа с программой.
Программа для работы с бегущей строкой с контроллером HD-U6A, называется: HD2016
Скачайте пожалуйста программу с сайта Инверторы.Ру:
свежая версия 2016 года HD2016 (V6.1.3) на русском языке.
Данная программа работает на всех версиях Windows.
На компьютерах под управлением macOS (Apple), данная программа не работает.
После скачивания программы на вашем компьютере появится ярлык:
Установите эту программу:
Далее нажимаете готово
И у вас запускается программа:
Далее нажимаете установки и выбираете пункт "настройки табло"
В открывшемся окне введите пароль 168
И укажите в полях:
Card Model: HD-U6A
Ширина: 96
Высота: 16
и далее нажмите ок
Двигаете ползунок (жёлтую полоску) вправо:
Далее в меню программы нажмите текст1
Далее в правом нижнем чёрном поле пишите текст любой длины,
на русском или английском или любом другом языке.
Программа поддерживает более 100 языков и различные символы.(знак вопроса, стрелочка, знак вопроса и т.д.)
В поле шрифтов выбираете тот шрифт который вам визуально больше нравится.
Обратите, пожалуйста, внимание!
если шрифт вы выбираете с символом собачки - текст будет транслироваться вертикально.
если шрифт вы выбираете без символа собачки - текст будет транслироваться горизонтально.
Далее заходите в пункты меню: файл и далее "сохранить как"
Выбираете флешку и сохраняете на неё файл с вашим текстом:
Далее, вынимаете флешку из компьютера и вставляете в бегущую строку.
Строка мигнёт 1-2 раза и начнется трансляция вашего текста.
Далее флешку можно вынимать, у контроллера есть собственная память и батарейка, которая сохраняет ваш текст,
даже если строку выключить. Батарейка позволяет сохранить ваш текст в выключенной строке более 1 года,
так что вы можете не переживать что ваш текст сотрётся, если выключить строку на продолжительное время.
Читайте также: