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

---

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

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

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

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="url адрес картинки" /><p>Кто владеет информацией, тот владеет миром ! </p></marquee>

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

span style="color: #783f04;"><marquee behavior="scroll" direction="left"><img src="url адрес картинки" /></marquee>

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

Коды вставляйте обычным гаджетом: черновик blogger-дизайн-Html/JavaScript-вставить-сохранить в любом месте макета блога. Всего доброго.

Рекомендуемый контент: