Бегущая строка с текстом и изображениями



Как сделать бегущую строку с изображением


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

1. Бегущая строка туда сюда:

Реклама - двигатель торговли

<marquee behavior="alternate">Реклама-двигатель торговли</marquee>

2. Бегущая строка с вашим текстом:


Свою жизнь надо устраивать до тех пор, пока жизнь не начнет устраивать тебя


<marquee behavior="scroll#0073e9" direction="left"><p>Свою жизнь надо устраивать до тех пор, пока жизнь не начнет устраивать тебя </p></marquee>

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

Добро пожаловать в мой блог !
<marquee bgcolor="#7600e9" style="color: #ffffff">  Добро пожаловать в мой блог !   </marquee>

#7600e9 - цвет полосы; #ffffff - цвет текста;


4. Бегущая строка с изображением и текстом:


Кто владеет информацией, тот владеет миром !



<marquee behavior="scroll" direction="left"><img src="http://s020.radikal.ru/i715/1309/8c/e1181dad2881.jpg" /><p>Кто владеет информацией, тот владеет миром ! </p></marquee>



5. Бегущая строка с изображением:





span style="color: #783f04;"><marquee behavior="scroll" direction="left"><img src=" http://s020.radikal.ru/i715/1309/8c/e1181dad2881.jpg" /></marquee>

Выделенное зеленым - адрес ссылки на картинку. Как узнать я писала в одном из своих постов. Только адрес копируйте в пункте 6.HTML - картинка в тексте.

Информацию нашла в этом блоге : http://blogger.omg-linux.ru , кое что немного упростила. Коды вставляйте обычным гаджетом: черновик blogger-дизайн-Html/JavaScript-вставить-сохранить в любом месте макета блога.





Автор статьи ✎ Olga Protasova Выпуск ✹ 9/27/2013 Ярлыки ►


Открыть комментарии →

0 коммент. :

Отправить комментарий

Ув. читатели! Для вставки HTML кода в комментарии, воспользуйтесь в меню Генератором преобразования HTML кода.

 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *