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

29.12.2016


Поздравляю с Новым годом, Желаю вам удачи много, Великих планов и побед, И пусть не будет в жизни бед!

Такой "бегущей строкой" Вы можете поздравить своих читателей.
Или такой:От всей души поздравляю Вас с Новым годом! Желаю, чтобы все желания, загаданные в новогоднюю ночь, обязательно исполнились в Новом году!

Сделать бегущую строку несложно.

Первоначальный код состоит всего из одной строки

<marquee>Текст бегущей строки</marquee>

Код можно вставлять как в сообщение Blogger, так и в гаджет HTML/JavaScript.

По умолчанию такая строка будет двигаться справа налево. Например:

Желаю отличного настроения на все новогодние праздники!

Все остальные настройки бегущей строки (направление движения, скорость движения, цвет и тип шрифта, цвет текста и фона, размеры блока) я подробно описала в статье Бегущая строка для Blogger.

Но, в принципе, цвет и фон текста, а также шрифт бегущей строки поддается настройкам для обычного текста. Т.е. сначала нужно вставить готовый код (с уже вписанным текстом) в сообщение в режиме HTML,



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

Желаю отличного настроения на все новогодние праздники!

Кроме этого, в бегущую строку можно вставить картинку или ссылку. Подробное описание с примерами в статье есть.
Картинки можно брать самые разные - и статичные, и анимированные.

С Новым годом!

Готовый код этой бегущей строки:

<marquee><img src="https://3.bp.blogspot.com/-RytHNIB9_0s/WGSjQ0Q3SwI/AAAAAAAAGnQ/MbCcwvTgdR873TWEDjY3qLH1tuaT8rH9QCEw/s1600/1230283653.gif" title="С Новым годом!" />С Новым годом!</marquee>

Если хотим направить движение бегущей строки слева направо, то берем этот код:

<marquee direction="right"><img title="Название картинки" src="https://адрес ссылки на картинку"/>Ваш текст бегущей строки</marquee>

Получилось:

Всех поздравляю с Новым годом!

Код "бегучки" (текст без цвета):


<marquee direction="right"><img src="https://4.bp.blogspot.com/-xWB64RsjJ9Y/WGSjRAp__AI/AAAAAAAAGnQ/CjqLry6lJyMwC_d0TpLWEk_b7DteNQ-VQCEw/s320/16333.gif" title="С Новым годом!" />Всех поздравляю с Новым годом!</marquee>

Еще код бегущей строки для детских сайтов:

<marquee><img src="https://1.bp.blogspot.com/-V3xaSIrocdU/WGSjRJkCc6I/AAAAAAAAGnQ/yVFgTTl7MN0l2PJGEi3Mf4YJ7oBOhs_hQCEw/s1600/IO42.gif" title="С Новым годом!" />Дорогие дети! С праздником!</marquee>

Дорогие дети! С праздником!

Или вот такой смешной:


<marquee direction="right"><img src="https://3.bp.blogspot.com/-KqKXp3rp9Pw/WGSjQagKOEI/AAAAAAAAGnQ/fQRStPWt02gbeEnldo74jaU29Bg-7MMKgCEw/s1600/1065.gif" title="С Новым годом!" />Дорогие дети! С Новым годом!</marquee>

Дорогие дети! С Новым годом!

И еще несколько картинок из Интернета, которые Вы можете использовать для бегущей строки (скопируйте ссылку на изображение):









Дорогие читатели! 
От всей души поздравляю Вас с Новым годом! 
Желаю Вам и Вашим близким 
здоровья и счастья!




Спасибо за Ваше внимание!


6 комментариев:

  1. Мария,спасибо большое!За столько полезного,за все ответы в прошедшем году!С наступающим Н.годом!Счастья,здоровья,радости!

    ОтветитьУдалить
  2. Мария! С Новым годом!
    Кукарекает кто-то там на улице,
    Это петух, но только он без курицы,
    Пришёл творить нам важные дела,
    Спешу поздравить с годом Петуха!

    ОтветитьУдалить
  3. Спасибо большое МариЯ! Очень полезно! С Новым годом вас🎄🎄🍾🍾🍾🎆🎆🎆

    ОтветитьУдалить
  4. Спасибо большое МариЯ! Очень полезно! С Новым годом вас🎄🎄🍾🍾🍾🎆🎆🎆

    ОтветитьУдалить
  5. Текст за картинкой, нужно размер и цвет.

    ОтветитьУдалить
  6. Спасибо! Желаю успехов, развития и процветания Вашего дела!

    ОтветитьУдалить

Kwork.ru - услуги фрилансеров от 500 руб.

Загляните и на другие страницы ^