Как сделать бегущую строку с изображением
В этом посте мы продолжим тему бегущей строки. В предыдущем материале бегущая строка у нас бегает с сообщениями нашего блога. Но иногда хочется написать для читателей свое обращение или выделить какой то материал, да много чего нужно.
Я не буду тратить Ваше драгоценное время, давайте сразу приступим к делу. Ниже представлены коды бегущих строк, с текстом, картинками, с фоном.
Я не буду тратить Ваше драгоценное время, давайте сразу приступим к делу. Ниже представлены коды бегущих строк, с текстом, картинками, с фоном.
1. Бегущая строка туда сюда:
2. Бегущая строка с вашим текстом:
<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-вставить-сохранить в любом месте макета блога. Всего доброго.
Рекомендуемый контент: