/Как сделать бегущую строку на блоге

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

Как сделать бегущую строку на блогеВсем привет. Сегодня хочу вернуться к Web — дизайну и рассказать как можно сделать бегущую строку
на блоге. Возможно кому то это пригодиться, а возможно нет, решать вам. Моя задача только показать Вам как это делается. Все это мы будем  создавать с помощью таблицей стиля Css и если нужно украсить,  будем использовать дополнительные картинки в формате Gif  (анимации).В последнее время я блокноте насчитал более 100 записей которые нужно разместить на блоге, все они по своему уникальны, Я их составлял в момент раздумья и записывал в блокнот.
Теперь меня не мучает вопрос какую статью сегодня написать, вопрос ставлю по другому: Где взять время для написании статьи? Его в последнее время катастрофически не хватает.

Но могу обещать точно, статьи будут писаться каждый день, большие или маленькие не важно.  Мои подписчики и читателю с самого утра с кружкой кофе, будут постоянно получать полезные советы и идеи.Если Вы еще не подписались, то советую. Впереди буду много писать о продвижении блога и наращивании ТИЦ.

Вернемся к нашей бегущей строке. А вот вам примерчики:

Текст бегущей строки

Бегущая строка в видео картинки

Бегущая лошадка, анимация

Теперь разберем все по порядку

Тег marquee отвечает за бегущую строку  . Пример использования:

<marquee>Текст бегущий строки </marquee> . У него есть дополнительные атрибуты:

  1. scrollamount — изменения скорости бегущей строки,  чем больше ставите тем быстрее будет двигаться текст.
  2. bgcolor — Задает фон бегущей строки, можно писать словами yellow, black или кодом #ff0000, #ooo;
  3. direction — Откуда будет идти текст : Left, Right, up(текст будет двигать верх), down (текст будет двигаться вниз). 
  4. Можно еще указать высоту и длину движения атрибуты: height и Widht
  5. Изображение для бегущей строки, внедряется очень легко. Смотрите пример 5 

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

Еще один момент. Обязательно Значение должно быть в кавычках, у меня место кавычек почему — то ставятся скобки: Ниже графический пример использования:

Бегущая строка на блог.

  1. Пример: <marquee scrollamount=’30’>Текст бегущий строки </marquee>
  2. Пример: <marquee  bgcolor=’yellow’>Текст бегущий строки </marquee>
  3. Пример: <marquee  direction= ‘up’>Текст бегущий строки </marquee>
  4. Пример: <marquee height=100  direction=’up’>Текст бегущий строки </marquee>
  5. Пример: <marquee ><img src=ссылка на картинку></marquee>

Если альтернативный Вариант он легче и не требует особых знаний. Все что вам нужно это выбрать расположение текста и скорость, нажать готова и получить код. А дальше вставляете Ваш текст и все готово. Когда то давно Яндекс раздавал iframe c кодом от поддомена xss.yandex.net:

<iframe src="http://xss.yandex.net/?t=html&c=eJytj0ESgjAQBL+S2rss4AGwCF+xlrCQKCEpsoD+Xkq/4GUOfemeNvQPNqLkHVkDxTg7Q+LCgq9LssE8D9r5Ms6ULKiBhDRYkXhDdH7Ks9nt7BbhdWHJ1u2ENHFCEiFj0WCBeK2q+jtNmd97nrJ0jKAON4jVUOYNKMtusqKhqAvo2kgrebWQP3t82B2D2mne+E9i7Fr8fe4+oYVTqg==&s=183af5c56ce7ad8ebb944f07e5537563" frameborder="0" width="259" height="231">

Это было в 2011 году. Таким был Яндекс в те времена.

TAGS:

Related posts