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

Как сделать бегущую строку на блогеВсем привет. Сегодня хочу вернуться к 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>

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

 

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

11 комментариев

  1. Ирина
  2. Roman
  3. Alex (AJxKorsar)
  4. Александр Багров
  5. Roman
  6. Влпдимир
  7. Борис
  8. Борис
  9. Александр
  10. Руслан
  11. Сергей

Leave a Reply