К основному контенту

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

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

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

Комментарии

Популярные сообщения из этого блога

Добавляем красивый гаджет Поделиться

Если Вы регулярно совершенствуете свой блог, то Вам пригодится данная не сложная публикация, о том как добавить красивую кнопку "Поделиться". Ее особенность в том, что при наведение курсора она раскрывается и предлагает несколько сервисов в которых можно разместить ссылку на Ваш блог. Демо можно посмотреть тут!

Как сделать ссылку на определенную часть той же страницы.

Все блоггеры пользуются ссылками практически в каждой статье, помимо удобства это еще и очень полезно для индексации блога. Сегодня хотел бы описать как сделать ссылку на туже страницу на которой находится Ваш читатель, только ниже, либо Выше, допустим Ваша статья состоит из нескольких частей и читатель, хочет пропустить первую и перейти сразу ко второй. Сделать это достаточно просто! 1.Для начала нам необходимо присвоить определенной части текста “Якорь”, допустим Вы хотите ссылать на каую-либо часть статьи, перед началом необходимого участка текста вставьте в HTML коде статьи следующий тег : <a id=" yakor "></a> Начало текста или заголовка В качестве слова якорь выделенного красным вы можете использовать любое другое, подходящее по смыслу. 2. Теперь необходимо сделать ссылку на данный якорь. А именно в HTML коде страницы перед словом которое должно быть ссылкой ставим тэг вида: <a href="# yakor ">Слово</a> Покажу как это долж...

Многоуровневое выпадающее меню для блогспот

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