Как создать бегущую строку

                                  Добрый день!                 

                              

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

это всегда притягательно смотрится. Единственное в 
блоге это можно сделать только в гаджете:  

HTML/JavaScript

Приступим к выполнению нашей темы, в панели управления блога, заходим в Дизайн и выбираете место где вы расположите гаджет HTML/JavaScript:
читать далее>>>

1)начнем с самым простым тегом:

<marquee>Как создать бегущую строку?</marquee>

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

<marquee>Подписывайтесь на мой блог</marquee>

Где разместить теги бегущей строки: красивей они будут смотреться в поперечных гаджетах, которые находятся наверху под заголовком и созданных страницах, а также в нижнем калан титуле.
Для того чтобы создать поперечный гаджет, гаджет HTML/JavaScript
создаем в боковых барах, а затем перетаскиваем наверх:

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

2) сделаем бегущую строку с движением влево:

<marquee style="color: #C91A4C; font-size: 40px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">Как создать бегущую строку?</marquee>

3)Сделаем бегущую строку с движением вправо:

<marquee direction="right" style="color: #C91A4C; font-size: 40px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">Как создать бегущую строку?</marquee>

4)Сделаем бегущую строку снизу вверх:

<marquee direction="up" style="color: #C91A4C; font-size: 40px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">Как создать бегущую строку?</marquee>

5)Сделаем бегущую строку сверху вниз:

<marquee direction="down" style="color: #C91A4C; font-size: 40px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">Как создать бегущую строку?</marquee>

6)Создадим строку увеличивая скорость бегущей строки:

<marquee scrollamount="30" direction="down" style="color: #C91A4C; font-size: 40px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">Как создать бегущую строку?</marquee>

7)Создадим бегущую строку медленной и плавной:

<marquee scrollamount="1" style="color: #C91A4C; font-size: 40px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">Как создать бегущую строку?</marquee>

8)Создадим бегущую строку, которая доходит до границы блока и останавливается:

<marquee behavior="slide" scrollamount="10" style="color: #C91A4C; font-size: 40px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">Как создать бегущую строку?</marquee>

9)Создадим бегущую строку туда сюда от границ блока:

<marquee behavior="alternate" scrollamount="10" style="color: #C91A4C; font-size: 40px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">Как создать бегущую строку?</marquee>

10)Создадим бегущую строку в разные стороны:

<marquee width="49%" style="color: #C91A4C; font-size: 40px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">Бегущая строка</marquee><marquee width="49%" direction="right" style="color: #D9470D; font-size: 40px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">Как создать бегущую строку?</marquee>

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

<marquee bgcolor="#9AFF9A" width="300" height="300" scrollamount="12" direction="down" style="border: 2px solid #000000; color: #C91A4C; font-size: 40px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">Как создать бегущую строку?</marquee>

12)Создадим бегущую строку на белом фоне:

<marquee width="300" height="300" scrollamount="15" direction="up" style="border: 2px solid #000000; color: #C91A4C; font-size: 40px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">Как создать бегущую строку?</marquee>

Всё,  СПАСИБО!

Друзья! Самое лучшее, если вам понравилось, нажмите на кнопочки соцсетей!

Заранее благодарю!

Не забудьте подписаться на мой сайт!