Как составить бегущую строку

Перед рекламистами или маркетологами нередко стоит задача привлечь как можно больше людей на организуемое компанией мероприятие. Решение этой задачи сопряжено с большим стрессом, если не иметь четкого представления о наиболее эффективных механизмах мобилизации потребителей. Одним из таких механизмов является бегущая строка на телевидении.

Что такое бегущая строка и сколько она стоит?

По форме бегущая строка представляет собой небольшой динамичный текст внизу экрана, который транслируется каналом в одно и то же время с художественными фильмами, сериалами и развлекательными передачами. Именно это «соседство» с популярными телепроектами делает потенциальную аудиторию бегущей строки огромной. При этом стоимость ее подачи минимальна – в некоторых городах РФ недельная трансляция «бегушки» обойдется заказчику в 2,5-3 тысячи рублей.

Обычно бегущая строка (или ее альтернативы) присутствует хотя бы на одном местном канале в любом городе России с населением от 50 тыс. человек. В зависимости от населенного пункта перечень каналов меняется. Например, в Воронеже (Центральный ФО) «бегушку» можно подать в местном эфире «СТС», «РЕН ТВ», «Перца» и «КТВ», в  Волгограде (Южный ФО) – в эфире «РЕН ТВ», «Перца» и канала «Волгоград-1», в Альметьевске (Приволжский ФО) – в эфире «ТНТ», «СТС», «РЕН ТВ» и канала «Луч» и т.д.

Повторимся, бегущая строка (или ее альтернатива) присутствует на телевидении практически любого города с населением от 50 тыс. человек, в любом федеральном округе России – от Северо-Западного до Дальневосточного.

Типы мероприятий, для рекламы которых подходит  бегущая строка

Существует несколько типов мероприятий, которые эффективно рекламировать с помощью бегущей строки на ТВ. Это распродажи и акции (1), открытия торговых точек (2), а также выставки и прочие культурные события. Чем более широкой будет целевая аудитория мероприятия, тем более существенный результат даст размещение «бегушки», ведь телевидение смотрят более 90% населения любого города – и это люди самых разных возрастов и социального положения.

К примеру, размещение бегущей строки на местном телевидении будет эффективным, если речь идет о сезонной распродаже в магазине женской одежды или об организации общегородского праздника. Если же компания проводит закрытый семинар для программистов, то использовать для этих целей телевидение будет неразумно – оптимальной площадкой для общения с этой аудиторией является интернет.

Реклама выставки обуви

Реклама открытия магазина

Реклама распродаж и акций

Как составить текст бегущей строки?

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

Следить за тем, сколько слов в вашем объявлении, необходимо по двум причинам. Во-первых, слишком длинные «бегушки» телезрители часто не дочитывают до конца, что снижает эффективность трансляции. Во-вторых, на большинстве региональных каналов от количества слов зависит сама стоимость бегущей строки, поэтому длинные строки не выгодны экономически.

Практика показывает, что оптимальное количество слов в бегущей строке – 15 (плюс/минус 5 слов). Если вы будете отталкиваться от этой цифры, то увеличите долю телезрителей, дочитавших ваше объявление до конца, и спасете компанию от «раздувания» рекламного бюджета.

Ниже приведем примеры бегущих строк, размещавшихся в телеэфире различных местных каналов:

Объявления о выставках и культурных мероприятиях:

1. 12 июня в клубе «ЛУЧ» состоится фото-выставка «О Юрге и юргинцах». Тел. ХХХ-ХХХ 

2. Приглашаем гостей и жителей города на городской концерт, посвященный Дню молодежи 27 июня в 19.00 ч. на площади Администрации МО г. Саяногорск.

3. 11-12 апреля в зоомагазине «Фауна» на ул. Мира, 3 — выставка-продажа фиалок! Ждем Вас! Справки по тел. ХХХ-ХХХ.

Объявления о распродажах и акциях:

1. Внимание, ярмарка!!! 8 марта в ДК 30-летия Победы распродажа кожаной обуви производства Беларусь. С 9 до 19 часов. Цена до 1190 рублей!

2. Ликвидация склада! Плинтус напольный – 40руб./шт. Тел. ХХХ-ХХХ.

3. ВНИМАНИЕ! АКЦИЯ!!! Скидка 25% на остекление и утепление балконов до 30 июня. Тел. ХХХ-ХХХ.

4. В магазине «Анютин уголок» скидка 40% на отдельные виды трикотажа. Д.402а, цокольный этаж магазина «Мясная лавка».

5. В связи с закрытием салона дверей «Уютный дом» («Химчистка», 2 этаж), мы организовали распродажу всего ассортимента до 1 июля. В наличии шпонированные, ламинированные и ПВХ двери со скидкой от 10 до 60%. Торопитесь, количество ограничено. Салон дверей «Уютный дом» («Химчистка», 2 этаж). Тел. ХХХ-ХХХ.

Объявления об открытии торговых точек:

1. Приглашаем Вас 25 июня в ТЦ «Спутник» на грандиозное открытие магазина косметики и парфюмерии «E`llipse»! Подарки! Скидки до 50%! 

2. Всем! Всем! Всем! 15 марта – открытие магазина одежды для всей семьи «Династия» на улице Кирова, 50. Вас ждут веселые конкурсы, развлекательная программа и скидки до 35% на весь ассортимент. Подробности на сайте ХХХ.

Как оперативно заказать бегущую строку?

Сегодня заказать малобюджетное ТВ-объявление, в том числе бегущую строку, в любом регионе России, можно полностью в режиме онлайн – с помощью сервиса «Телебегун». Для этого необходимо пройти короткую процедуру регистрации, которая позволит любому пользователю получить личный кабинет в системе. Регистрация и пользование кабинетом бесплатны. Платить пользователю придется только за размещение телеобъявлений в эфире интересующих его каналов.

Сам механизм заказа выглядит так. Пользователь заходит в личный кабинет на сайте «Телебегун» и нажимает кнопку «Новый заказ». Далее он вводит в специальное поле текст бегущей строки, выбирает нужный город и канал (можно несколько городов и каналов), в виртуальном календаре настраивает даты и интенсивность трансляции объявления. Исходя из этих параметров система мгновенно рассчитывает стоимость заказа. Остается только оплатить его, распечатав счет или использовав для этого банковскую карту, Яндекс Деньги или Вебмани. После оплаты объявление выходит в эфир в соответствии с утвержденным графиком.

Какой эффект дает бегущая строка при продвижении мероприятий?

Потенциал телевидения огромен. Бегущая строка может привлечь к вашему мероприятию сотни человек. Главное, грамотно составить текст объявления и правильно выбрать телеканал.

Рекомендации по составлению продающих текстов и примеры бегущих строк с рекламой мероприятий уже были приведены в данной статье. Теперь немного о принципах выбора канала.

Безусловно, местный канал, в эфире которого вы собираетесь разместить бегущую строку, должен быть интересен вашей целевой аудитории.

К примеру, всем известно, что молодежь любит смотреть «ТНТ», семейные люди в возрасте от 25 до 50 лет часто являются зрителями «СТС», а доля женщин на канале «Домашний» значительно превышает долю мужчин. Отсюда следует, что для рекламы фестиваля брэйк-данса лучше подать объявление на «ТНТ», для привлечения людей на распродажу семейной одежды – разместить «бегушку» на «СТС», а для анонса встречи читателей с Дарьей Донцовой разумно использовать «Домашний».

Однако не в каждом городе присутствуют только сетевые партнеры известных федеральных брендов («ТНТ», «СТС», «РЕН ТВ», «Пятый», «Перец», «Домашний» и т.п.). Существуют населенные пункты, в которых малобюджетные объявления размещается в том числе в эфире автономных местных телеканалов. Например, в Ханты-Мансийске есть канал «Югра», в Елабуге – канал «ЕСН», в Ярославле – «Первый Ярославский», в Азове – канал «Анта» и т.д. и т.п.

Заказчик бегущей строки не всегда ориентируется в местных телеканалах, особенно если подает свое объявление в населенном пункте, находящемся за тысячу километров от его родного города. Однако если заказчик зарегистрирован в системе «Телебегун», он легко может посмотреть описание каждого канала и сопоставить его со своей целевой аудиторией. Таким образом, вместе с системой «Телебегун» выбор правильного канала становится вполне посильной задачей. Если же, ознакомившись с описанием канала на сайте, заказчик продолжает сомневаться, он может получить бесплатную консультацию от специалиста «Телебегун» по телефону горячей линии.

krasivaya-begushchaya-stroka-v-html-primery

Бегущая строка— элемент в  веб-дизайне для привлечения внимания, чаще используется в рекламных целях. Бегущая строка это просто напросто текст который движется, слева направо, справа налево или вверх вниз.

В бегущую строку можно вставить новость, объявление, приветствие, отобразить текущее время и дату и много много другой интересной информации.

Читайте также:

  1. Как сделать бегущую строку html
  2. Бегущая строка в html с картинками
  3. Как вставить ссылку в бегущую строку
  4. Как вставить бегущую строку в Blogger
  5. Как добавить бегущую строку в WordPress

Создать бегущую строку не составит большого труда и времени. Что бы заставить текст двигаться без фотошопа был разработан и создан тег html < marquee >, сначала специально для для браузера Internet Explorer, а затем и все остальные браузеры начали обрабатывать и поддерживать тег.

Что самое приятное и удивительное это очень маленький и коротенький тег, который приводит в движение не только текст, но и картинки. Чудеса да и только!

К примеру, что бы текст двигался справа налево нужно вставить код:

<marquee>Тут вставляем текст бегущей строки</marquee>

Тут вставляем текст бегущей строки

Приветствие:

 
Hello,my name is Galya

В принципе бегущую строку можно вставить куда душа пожелает: в футер, сайдбар, под шапкой блога или в саму шапку.

Можно настроить бегущую строку добавив стили и атрибуты. По умолчанию бегущая строка движется только справа налево, чтобы изменить направление строки надо к тегу добавить атрибут direction со значением right

<marquee direction=»right»>Бегущая строка cлева направо</marquee>

Бегущая строка cлева направо

Что бы текст не исчезал за границы и двигался туда-сюда нужно добавить атрибут behavior со значением alternate

<marquee behavior=»alternate»>Бегущая строка перемещается между правым и левым краем</marquee>

Бегущая строка перемещается между правым и левым краем

Цветная бегущая строка перемещается между правым и левым краем

<marquee behavior=»alternate» bgcolor=»#e20b0b» direction=»right» style=»color: #ffffff; font-size: 20px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;»onmousedown=»this.stop()» onmouseup=»this.start()»>Туда-сюда на цветном фоне</marquee>

Туда-сюда на цветном фоне

Бегущая строка останавливается при наведении

<marquee onmouseout=»this.start()» onmouseover=»this.stop()»><span style=»color: red;»><b>Бегущая строка останавливается при наведении</b></span></marquee>

Бегущая строка останавливается при наведении

А теперь добавим стили css и украсим нашу бегущую строку, получится цветная бегущая строка:

<marquee style=»color:#470dd9; font-size: 20px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;»>Цветная бегущая строка</marquee>

Цветная бегущая строка

Цветная бегущая строка движется слева направо:

<marquee direction=»right» style=»color: #ad0dd9; font-size: 20px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;»>Цветная бегущая строка слева направо</marquee>

Цветная бегущая строка слева направо

Настройки:

color: #ad0dd9 — цвет текста бегущей строки
font-size: 20px — размер шрифта

Сделаем бегущую строку на цветном фоне:

<marquee bgcolor=»#e20b0b»>Бегущая строка на цветном фоне</marquee>

Бегущая строка на цветном фоне

bgcolor— цвет фона
Цветная бегущая строка

Чтобы бегущая строка двигалась снизу вверх добавим атрибут direction со значением up:

<marquee direction=»up» style=»color:#f2132d; font-size: 30px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;»>Бегущая строка снизу вверх</marquee>

Бегущая строка снизу вверх

И сразу же добавим еще один атрибут heigh и настроим высоту блока:

<marquee height=»150″ direction=»up» style=»color:#0F9D58; font-size: 30px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;»>Бегущая строка</marquee>

Бегущая строка

Настройки:

height=»150″— высота блока

color:#0F9D58— цвет текста бегущей строки

font-size: 30px- размер шрифта

А теперь заставим бегущую строку двигаться сверху вниз. К атрибуту direction добавим значение down

<marquee height=»150″ direction=»down» style=»color:#1C3850; font-size: 20 px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;»>Бегущая строка сверху вниз</marquee>

Бегущая строка сверху вниз

Что бы регулировать скорость прокрутки бегущей строки добавим атрибут scrolldelay :

<marquee scrolldelay=»60″ style=»color:#0F9D58; font-size: 30px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;»>Бегущая строка</marquee>

 
Бегущая строка

Настройка:

scrolldelay=»60″ — изменяем цифры и устанавливаем свою скорость прокрутки

Что бы указать границы блока добавим к  стилям рамочку, добавим атрибуты width и height.

height — это высота блока

width — ширина

scrollamount — атрибут который влияет на скорость движения, чем выше число тем быстрее движется текст.

<marquee direction=»down» height=»150″ scrollamount=»3″ style=»border: 2px solid #000000; text-align: center; color: #f2132d; font-size: 30px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;» width=»300″>Бегущая строка в рамочке</marquee>

Бегущая строка в рамочке

Сделаем бегущую строку в рамочке на цветном фоне: добавим атрибут bgcolor

<marquee bgcolor=»#e20b0b» direction=»down» height=»150″ scrollamount=»2″ style=»border: 2px solid #000000; text-align: center; color: #fbfbfc; font-size: 30px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;» width=»300″>Бегущая строка в рамочке на цветном фоне </marquee>

Бегущая строка в рамочке на цветном фоне

Бегущая строка в html с картинками

Картинка движется справа налево:

<marquee><img src=»Ссылка на картинку» /></marquee>

Картинка в бегущей строке слева направо:

<marquee direction=»right»><img src=»Ссылка на картинку» /></marquee>


 

Картинка сверху вниз:

<marquee height=»150″ direction=»down»/><img src=»ссылка на картинку» /></marquee>

 

<marquee scrollamount=»3″ direction=»up»/><img src=»ссылка на картинку» /> Бегущая строка снизу вверх </marquee>

Изображение и текст в бегущей строке:

 
Приятно было познакомиться! Заходите ещё!

<marquee behavior=»scroll» direction=»left» ><img src=»Ссылка на изображение»>Текст бегущей строки</marquee>

Ссылка на картинкуhttps://yablogger.info/wp-content/uploads/2017/04/oe_4f64887337494ff581c5168e37bc4d51.gif

Вставляем картинку на сайт в черновик и в html редакторе находим url картинки или загружаем на специализированный ресурс для публикации изображений на сайтах, блогах, чатах и берем оттуда ссылку.

Как вставить ссылку в бегущую строку

<marquee> Текст перед ссылкой <a href=»url адрес ссылки» title=»Всплывающий текст при наведении курсора на ссылку»>Анкор (текст ссылки)</a></marquee>

 
Хотите узнать как сделать из блога сайт? Читать подробнее

Как вставить бегущую строку в Blogger (Blogspot)

  1. В редакторе сообщений открываем вкладку НTML и вставляем код. Вначале редактируем текст, потом добавляем код и сразу Публикуем. В визуальный редактор переходить не надо, слетят все настройки, результат смотрите на блоге.
  2. Панель инструментов > Дизайн > Добавить гаджет > HTML/JavaScript, добавляем код.
  3. Вставить гаджет в шапку над названием и описанием блога.

Как добавить бегущую строку в WordPress

В записи открываем Html редактор или вкладку «Текст» вставляем код бегущей строки и нажимаем «Опубликовать«. Редактировать статью только в этих вкладках, в визуальном редакторе настройки слетают и придется делать все сначала. Если изменения в статье сделать необходимо, заходим через Консоль > Все записи > Изменить. В такой последовательности открывается запись в html редакторе.

Добавляем бегущую строку в боковую колонку: Консоль > Внешний вид > Виджеты > Текст > Добавить виджет. Вставляем код и сохраняем.

Как вставить бегущую строку в шапку или в подвал сайта? В верхнем меню админ панели вордпресс выбираем вкладку «Настроить«. В меню настроек находим «Пользовательский код«. Должно открыться два окошка куда можно вставить код бегущей строки: скрипты в хедере и скрипты в подвале сайта. Во всех темах по разному. Если отсутствуют пользовательские коды в настройках добавляем код в файлы. Заходим в Темы > Редактор, находим нужный файл и вставляем код. Что бы бегущая строка была в шапке добавляем код в header.php, для вывода в подвале в файл footer.php

Читайте также:

  • Таблица символов юникода
  • Онлайн генераторы кодов цвета HTML
  • Генератор кодов html цветов для блога
  • Как создать таблицу в html | Тег < table >
  • Как разбить текст на колонки в html и css

Просмотров 1.9к. Обновлено 11 октября 2019

Бегущая строкаРассмотрим некоторые возможности работы с текстом на примере проекта «Бегущая строка».

Бегущая строка является одним из элементов, привлекающим внимание пользователя, а также для экономии места на экране. Бегущие строки часто помещают на Web-сайтах. Сегодня мы добавим бегущую строку в Lazarus-приложение.

Что из себя представляет бегущая строка? Эта область, где «проезжает» текст.

В проекте мы будем использовать новые для нас компоненты: TTimer (Таймер)  c палитры System) и TTrackBar (Бегунок)  с палитры CommonControls.

Компонент TTimer – таймер инициируем через определенные промежутки времени событие OnTimer. В нашем случае через определенные промежутки времени мы будем изменять положение текста в бегущей строке.

Компонент TTrackbar –индикатор текущего значения, который позволяет посредством перемещения мышью бегунка интерактивно изменять это значение. Мы будем использовать бегунок для выбора скорости движения бегущей строки.

Прежде чем приступить к выполнению проекта, познакомьтесь с описанием новых компонентов: TTimer (Таймер) и TTrackBar (Бегунок).

Задание. Создать бегущую строку, используя компонент TLabel (Надпись) и TTimer (Таймер). Бегущая строка, достигнув края, появляется с противоположной стороны. В качестве дополнительного буфера для хранения всего текста использовать строковую переменную (тип String).

На рисунке приведен пример формы с таймером, бегунком и компонентом Tlabel для отображения бегущей строки.

Ход выполнения проекта

1. Создайте новый проект, сохраните его в папке с названием «Бегущая строка».

2. На форме разместите компоненты: Tlabel (Надпись), TTimer (Таймер), TTrackBar (Бегунок) так, как показано в образце.

Бегущая строка

3. Настроим свойства компонента TrackBar

Свойства TrackBar Назначение Значение
Min Минимальное значение – бегунок находится на левом краю полосы 10
Max Максимальное значение – бегунок находится на правом краю полосы 200
Position Текущее положение бегунка 10
Frequency Частота засечек 10

4. Создайте обработчик события TrackBar1Change для компонента TTrackBar, выполнив на нем двойной щелчок.

При изменении положения движка должен включиться таймер, свойству Interval компонента TTimer присваивается значение, равное позиции движка. Через указанный интервал будет происходить событие OnTimer.

Вводим в созданный обработчик TForm1.TrackBar1Change код:

procedure TForm1.TrackBar1Change(Sender: TObject);
begin
  Timer1.Enabled:=true; //Таймер включить
  //При перемещении движка Timer включается
  // и его значение устанавливается равным позиции движка
  Timer1.Interval:= TrackBar1.Position;
end;

5. Теперь займемся компонентом TLabel, в котором будет отображаться текст «Бегущей строки».

1) На TLabel, поместим нужный текст (свойство Сaption).

2) Зададим размер (ширину) компонента в 250 пикселей (свойство Width).

6. Создадим обработчик события OnTimer для компонента TTimer. Для этого выполнив на нем двойной щелчок мышью.

Пусть направление текста будет справа-налево. Чтобы создать эффект движущегося текста, будем изменять текст следующим образом: вырезаем из него первый символ и помещаем его в конец строки.

Вводим в созданный обработчик события TForm1.Ttimer1Timer код, который будет примерно таким:

procedure TForm1.Timer1Timer(Sender: TObject);
var s:string[200];
begin
  s:=Label1.Caption; //Запоминаем строку
  s:=s + s[1];       //перемещаем первый символ в конец строки
  Delete(s,1,1);     //Удаляем первый символ
  Label1.Caption:=s; //Отображаем "сдвинутую" строку
end;

7. Запустим программу и посмотрим, что получилось. Текст в поле надписи должен движется справа-налево.

Бегущая строка– в  веб-дизайне является элементом для привлечения внимания, чаще всего используется в рекламных целях. Бегущая строка это текст или картинка, которая движется, слева направо, справа налево или вверх вниз.

В бегущую строку можно вставить новости, объявления, приветствие, скидки, картинку… Отобразить текущее время и дату и другую интересную и нужную информацию.

  1. Как сделать бегущую строку html
  2. Бегущая строка в html с картинками
  3. Как вставить ссылку в бегущую строку
  4. Цветовые обозначения

Сделать бегущую строку для сайта не составит большого труда и времени. Что бы заставить текст двигаться без фотошопа был разработан и создан тег html <marquee>. Сначала только браузер Internet Explorer обрабатывал и поддерживал тег, но затем и все остальные браузеры стали его поддерживать.

Что самое приятное и удивительное это очень маленький и коротенький тег, который приводит в движение не только текст, но и картинки. Чудеса да и только!

Если вам надо, что бы текст двигался справа, можете воспользоваться простеньким кодом:

<marquee>Тут вставляем текст бегущей строки</marquee>

Тут вставляем текст бегущей строки

В принципе, бегущую строку можно вставить куда угодно: в футер, сайдбар, под шапкой блога или в саму шапку.

Можно настроить бегущую строку, добавив стили и атрибуты. По умолчанию бегущая строка движется только справа налево, но чтобы изменить направление строки, надо к тегу добавить атрибут direction со значением right:

<marquee direction="right">Бегущая строка cлева направо</marquee>

Бегущая строка cлева направо

Что бы текст не исчезал за границы и двигался туда-сюда, нужно добавить атрибут behavior со значением alternate:

<marquee behavior="alternate">Бегущая строка перемещается между краями</marquee>

Бегущая строка перемещается между краями

Цветная бегущая строка перемещающаяся между правым и левым краем:

<marquee behavior="alternate" bgcolor="#e20b0b" direction="right" style="color: #fff; font-size: 20px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">Туда-сюда на цветном фоне</marquee>

Туда-сюда на цветном фоне

Бегущая строка останавливается при наведении:

<marquee onmouseout="this.start()" onmouseover="this.stop()"><span style="color: red;"><b>Бегущая строка останавливается при наведении</b></span></marquee>

Бегущая строка останавливается при наведении

Если добавить стили css и украсить нашу бегущую строку, то получится цветная бегущая строка, как на примере:

<marquee style="color:#470dd9; font-size: 20px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">Цветная бегущая строка</marquee>

Цветная бегущая строка

Цветная бегущая строка движется слева направо:

<marquee direction="right" style="color: #ad0dd9; font-size: 20px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">Цветная бегущая строка слева направо</marquee>

Цветная бегущая строка слева направо

Настройки стиля:

color: #ad0dd9 – цвет текста бегущей строки
font-size: 20px – размер шрифта
font-weight: bolder – вес шрифта
text-shadow: #000000 0px 1px 1px; – цвет и размер тени шрифта
bgcolor=“#e20b0b” – цвет фона строки
line-height: 150% – высота строки

Сделаем бегущую строку на цветном фоне:

<marquee bgcolor="#ffd700">Бегущая строка на цветном фоне</marquee>

Бегущая строка на цветном фоне

Чтобы бегущая строка двигалась снизу вверх добавим атрибут direction со значением up:

<marquee direction="up" style="color:#f2132d; font-size: 30px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">Бегущая строка снизу вверх</marquee>

Бегущая строка снизу вверх

И сразу же добавим еще один атрибут heigh и настроим высоту блока:

<marquee height="150" direction="up" style="color:#0F9D58; font-size: 30px; font-weight: bolder; text-shadow: #000000 0px 1px 1px;">Бегущая строка</marquee>

Бегущая строка

А теперь заставим бегущую строку двигаться сверху вниз. К атрибуту direction добавим значение down:

<marquee height="150" direction="down" style="color:#1C3850; font-size: 30px; font-weight: bolder; text-shadow: #000000 0px 1px 1px;">Бегущая строка сверху вниз</marquee>

Бегущая строка сверху вниз

Что бы регулировать скорость прокрутки бегущей строки добавим атрибут scrolldelay:

<marquee scrolldelay="60" style="color:#0F9D58; font-size: 30px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">Бегущая строка</marquee>

Бегущая строка

Настройка:

scrolldelay=”60″ – изменяем цифры и устанавливаем свою скорость прокрутки

Что бы указать границы блока добавим к  стилям рамочку, добавим атрибуты width и height.

height – это высота блока
width – ширина блока
scrollamount – атрибут который влияет на скорость движения, чем выше число тем быстрее движется текст.

<marquee direction="down" height="150" width="300" scrollamount="3" style="border: 2px solid #000000; text-align: center; color: #f2132d; font-size: 30px; font-weight: bolder; text-shadow: #000000 0px 1px 1px;">Бегущая строка в рамочке</marquee>

Бегущая строка в рамочке

Сделаем бегущую строку в рамочке на цветном фоне, добавим атрибут bgcolor:

<marquee bgcolor="#e20b0b" direction="down" height="150" width="300" scrollamount="2" style="border: 2px solid #000000; text-align: center; color: #fbfbfc; font-size: 30px; font-weight: bolder; text-shadow: #000000 0px 1px 1px;">Бегущая строка в рамочке на цветном фоне</marquee>

Бегущая строка в рамочке на цветном фоне

Бегущая строка в html с картинками

Картинка движется справа налево:

<marquee><img src="Ссылка на картинку" /></marquee>
Бегущая строка в html | Тег < marquee >

Картинка в бегущей строке слева направо:

<marquee direction="right"><img src="Ссылка на картинку" /></marquee>
Бегущая строка в html | Тег < marquee >

Картинка сверху вниз (если изменить на direction=”up”, то будет снизу вверх):

<marquee height="150" direction="down"><img src="ссылка на картинку" /></marquee>
Бегущая строка в html | Тег < marquee >

Снизу вверх и изменяем скорость:

<marquee scrollamount="10" direction="up"><img src="ссылка на картинку" /></marquee>
Бегущая строка в html | Тег < marquee >

Изображение и текст в бегущей строке:

<marquee behavior="scroll" direction="left" ><img src="Ссылка на изображение">Очень рада вас видеть на своем сайте!</marquee>
Бегущая строка в html | Тег < marquee >Очень рада вас видеть на своем сайте!

Как вставить ссылку в бегущую строку

<marquee> Текст перед ссылкой <a href="url адрес ссылки" title="Всплывающий текст при наведении курсора на ссылку">Анкор (текст ссылки)</a></marquee>

Так же, вы можете прочитать другие мои статьи

Цветовые обозначения

  • 111 – тег бегущей строки
  • 111 – атрибут отвечающий за направление
  • 111 – еще один атрибут отвечающий за направление
  • 111 – эти части кода отвечают за фон
  • 111 – стиль текста
  • 111 – скорость прокрутки

Реклама в Нижневартовске

Реклама в других городах

Это интересно

Как составить эффективное объявление о вакансии в формате «бегущая строка»

Текст объявления размещенный в формате «бегущая строка» на телеканале о наборе персонала должен побудить соискателя сделать звонок. Предлагаем Вам три простых совета как составить эффективный текст объявления. 

1Совет №1. Старайтесь быть лаконичными. Вам как работодателю всегда хочется донести до потенциального сотрудника свои конкурентные преимущества, особенно если они действительно есть. Социальный пакет, высокая заработная плата, предоставление жилья, добровольное медицинское страхование – все это очень важно. Но не стоит излишне усердствовать в перечислении этих действительно хороших преимуществ, детально описывать их или пытаться конкретизировать. Достаточно общепринятых сокращений, которые легко воспринимаются соискателем (высокая з/п, соцпакет и т.п.). В противном случае мы получаем огромный текст, в котором теряется основная информация – название должности и телефон, по которому нужно позвонить. Помните, что объявление «бегущей строкой» не стоит на месте, оно передвигается по экрану слева направо и конкурирует с другими объявлениями. Чем лаконичнее будет ваш текст, тем больше шансов, что зритель не отвлечется от него на середине. А о преимуществах работы в Вашей компании – красочно и детально – Вы сможете рассказать потенциальному сотруднику во время телефонного звонка или при личной встрече. 

2Совет №2. При размещении большого числа вакансий – разбейте их на несколько объявлений. Этот совет исходит из того же требования лаконичности. Конечно, 2-3 вакансии в одном объявлении – это норма. Но когда в одном объявлении в формате «бегущая строка»  перечисляется 10 специальностей, соискатель может не разглядеть или пропустить среди них свою. В результате он прекратит чтение и Вы потеряете потенциального работника. 

Совет №3. Не забывайте указывать перед телефонным номером код города, в котором принимаются звонки соискателей. Это особенно актуально в тех случаях, когда месторасположение отдела кадров и офиса, в который требуются новые сотрудники, не совпадают. Если соискатели не знают кода, они будут набирать неверный номер, а Вы будете пребывать в уверенности, что на объявление никто не откликнулся. 

Иногда, размещая «бегущую строку» в конкретном городе, Заказчик сталкивается со специфическими требованиями местного канала. Некоторые каналы накладывают ограничение на объем бегущей строки (как правило, до 25 слов), некоторые запрещают использовать в объявлении название компании-работодателя (оглашаются только вакансия и телефон). 

Кроме ограничений, есть способы разнообразить формат «бегущей строки» на телеканале, сделать Ваше объявление более конкурентоспособным. Например, на отдельных каналах Заказчику предлагается набрать ключевые слова объявления заглавными буквами. Также существует возможность «притормозить» бегущую строку на фиксированный промежуток времени, чтобы телезритель смог внимательнее ее прочитать.

Разместить объявление «бегущей строкой» на телеканалах в Нижневартовске сейчас >>>

заказать

Готовый сайт

Для малого и среднего 
бизнеса от 
профессионалов 
веб-разработки: 
полнофункциональный
готовый 
интернет-сайт 

—————————-
ВСЕГО ЗА: 7 950 руб.
—————————-

КОНТАКТЫ

Напишите нам

_knopka_vk

Понравилась статья? Поделить с друзьями:

Не пропустите также:

  • Как найти площадь четырехугольника с вписанной окружностью
  • Как составить исправительный счет фактура
  • Как найти работу в аргентине для русских
  • Как найти наречие в предложении онлайн
  • Как найти длину вектора силы

  • 0 0 голоса
    Рейтинг статьи
    Подписаться
    Уведомить о
    guest

    0 комментариев
    Старые
    Новые Популярные
    Межтекстовые Отзывы
    Посмотреть все комментарии