Добавляем бегущую строку в блог

пятница, 26 марта 2010 г.

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

Бегущая строка новостей
Создать бегущую строчку довольно-таки просто.
Необходимо просто использовать правильные открывающий и закрывающий тэги:

<marquee>Текст бегущей строки</marquee>

Вставлять этот скрипт можно как в статьях так и в гаджетах, выбрав HTML/Java script.
Чтобы отредактировать  направление движения текста, его цвет, цвет фона и прочее необходимо использовать следующие тэги:

ТЭГ	Описание
direction="left"	Направлени движения влево
direction="right"	Направление движения вправо
direction="up"	Вверх
direction="down"	Вниз
behavior="alternate"	Текст идет вправо до конца, а потом в обратном направлении
behavior="slide"	Текст останавливается при достижении конца
loop="4"	Контролирует время  показывания текста
scrollamount="2"	Скорость движения текста, чем больше тем быстрее
width="400"	ширина текста
height="66"	высота
bgcolor="#9999CC"	Цвет фона
style="color: #FF0000"	Цвет текста
style="font-size: 1em"	Размер шрифта
style="font-family: Tahoma"	Тип шрифта
style="font-size: 12pt; color: #800000; font-family: Tahoma"	Изменить тип и размер шрифта в одном тэге.

Пример того как вставлять тэг в бегущую строку:

Например тэг движения вправо:
<marquee direction="right">Текст бегущей строки</marquee>
Точно так же вставляются все остальные тэги для  редактирования бегущей строки.

Например Код бегущей строки в начале статьи:

<marquee style="font-family: tahoma; color: #ff0000; font-size: 12pt" bgcolor="#00ff00" direction="up" height="66" width="318">Бегущая строка новостей</marquee>
Хочу напомнить, что для подбора цветов очень удобно использовать программу ColorPic , о которой я писал в статье “Изменяем цвет шапки шаблона”.
На этом все.

Похожие статьи