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

пятница, 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 , о которой я писал в статье “Изменяем цвет шапки шаблона”.
На этом все.

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

4 комментариев:

Project 708 комментирует...

зачёт.
А почему дискус не прикрутили?

Лагунов Сергей комментирует...

Присматриваюсь, эта форма от спама лучше защищает.

Алия комментирует...

Получилось!

Спасибо! Получилось!

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

Оставляйте ваши комментарии

 
 
 

Читать блог на другом языке

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified
 
Copyright ©Lagunof.com
Блога автора книги "Недвижимость: классическая, виртуальная, интеллектуальная" При перепечатке материалов с блога обратная ссылка обязательна
e4a11e6f00df223bf058f2795454739b