Бегущая строка к 9 мая для сайта

30.04.2018


И вновь запущена акция "Георгиевская лента" к 9 мая. В память о всех ветеранах войны можно разместить на сайте Георгиевскую ленту,  или виджет часы для сайта на тему "День Победы". Поддержать акцию в этом году я решила еще и бегущей строкой на тему 9 мая.




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

К 9 мая "бегучку" оформила в виде нескольких картинок, поставив их рядом, друг за другом. 

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




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


<marquee><img title="9 мая" src="https://1.bp.blogspot.com/-kjgSlkClzjw/WuNdOkxinRI/AAAAAAAAH4M/P-sflhT5QqUXxKt4_0pnHdUfI0E0EZ1ZwCLcBGAs/s320/1493125641_2319-velikaya-otechestvennaya-voyna.gif"/><img title="Я помню! Я горжусь!" src="https://4.bp.blogspot.com/-Fvdkto-DybE/WuNdYSG5uSI/AAAAAAAAH4Q/MeAKPtO-W2A1b2voONdrVELj_6ymptniACLcBGAs/s400/text.gif"/><img title="Георгиевская лента" src="https://3.bp.blogspot.com/-Vbjz3CDkEEw/WuNSV5EqI-I/AAAAAAAAH30/zo3OBlPU4QIH07tCiWZcNFJOmDjgCGtbQCK4BGAYYCw/s1600/0_16293e_b16d177f_orig.gif"/>Текст Вашей бегущей строки</marquee>

Синим цветом выделены ссылки на картинки. Анимированные изображения к 9 мая я нашла в интернете, загрузила в черновик сообщения и скопировала адрес (URL) картинки.

Слова "Текст Вашей бегущей строки" вообще удалила, поскольку вставила анимированную надпись "Я помню! Я горжусь!" тоже в виде изображения. Если Вы будете использовать другие картинки, то можете написать свой текст.

Надпись создала в генераторе блестящего текста онлайн. Их сейчас много.

Вы можете другие картинки и текст использовать, которые я разместила ниже, или свои. Сначала их можно сохранить на Ваш компьютер, потом загрузить в Blogger (черновик сообщения). Или сразу нажать на изображение правой кнопкой мыши и сразу скопировать URL.

Красивая Георгиевская лента с текстом "Я помню! Я горжусь!":


Красивая Георгиевская лента с текстом "Я помню! Я горжусь!"




Георгиевская лента с орденом "Отечественная война":


Георгиевская лента с орденом "Отечественная война"



Георгиевская лента с орденом "Отечественная война" и цифрами 1941-1945: 


Георгиевская лента с орденом "Отечественная война" и цифрами 1941-1945:

Анимированный текст "Я помню! Я горжусь!", анимированная Георгиевская ленточка, цифры::














 Бегущую строку можно запустить не только справа налево, но и снизу вверх.

Берем, например, открытку "С Днем Победы!"




И используем такой код:

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

Вставляем код бегущей строки или в сообщение на Blogger в режиме HTML или в гаджет HTML/JavaScript (Дизайн->Добавить гаджет).

Результат:




Почтим память всех ветеранов. Всегда будем помнить об их подвиге.

Желаю Вам только мирного неба над головой!

2 комментария:

  1. Анонимный03.05.2018, 0:18

    Спасибо за материал! Очень полезно. Читаю, учусь!

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

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