• Авторизация


Бегущая строка 04-04-2014 13:43 к комментариям - к полной версии - понравилось!

Это цитата сообщения Помогай-ка Оригинальное сообщение

Бегущая строка

Есть такой специальный тег "marquee", который и поможет вам сделать бегущую строку. Изначально он работал только в браузере Internet Explorer, но теперь почти во всех браузерах.
Лично я проверил,- не работает только в Google Chrome, а в Mozilla Firefox иногда зависает,- надо просто обновить страничку и все заработает:-) А в Opera и Internet Explorer,- работает без проблем:-) Так что имейте это в виду.
Сразу оговорюсь, бегущей строкой может быть не только текст, но и картинка, ссылка например. Покажу наглядно:-)
Вот допустим две картинки:
 (157x148, 38Kb)  (160x118, 31Kb)

Применяя этот "код",- вот что получим:


 (160x118, 31Kb)




 (157x148, 38Kb)

А теперь о главном:-)
Итак, пишем в нужном нам месте такой код:

" bgcolor="#ffffff" direction="right" scrollamount="3">

Сам текст бегущей строки. ( Или код картинки)



Вот что у нас получится в результате:


Сам текст бегущей строки.


Текст можно форматировать так же, как и просто в посте. Например сделаем его большим и жирным:

" bgcolor="#ffffff" direction="right" scrollamount="3">

Сам текст бегущей строки. ( Или код картинки)



В результате получим:


Сам текст бегущей строки. ( Или код картинки)


Теперь разберем код по частям, чтобы понять, что в нем можно изменить, и что нам это даст:

1. - behavior="scroll" - здесь, вместо слова "scroll" можно поставить другие. Какие что обозначают:

scroll - ваш текст будет перемещаться в указанном направлении ( об этом читайте чуть ниже), потом дойдя до границы ( конца поста или коммента),- исчезнет и начнет движение сначала.
Пример:
Сам текст бегущей строки.
alternate - ваш текст будет перемещаться справа налево и обратно. Исчезать не будет,- такое маятниковое движение короче говоря:-)
Пример:
Сам текст бегущей строки.
slide - ваш текст будет перемещаться в указанном направлении ( об этом читайте чуть ниже), потом дойдя до границы ( конца поста или коммента),- остановится на месте.
Пример:
Сам текст бегущей строки.

2. - direction="right" - это как раз то самое указание направления. Здесь, вместо слова "right" можно поставить другие. Какие что обозначают:
down - ваш текст будет двигаться сверху вниз
up - снизу вверх
left - справа налево
right - слева направо

Обойдемся без примеров, думаю,- и так все понятно:-)



3. - scrollamount="3" - этот параметр отвечает за скорость движения текста. Меняем циферку "3" на другую и смотрим. Чем больше число- тем быстрее будет двигаться текст.



4. - bgcolor="#ffffff" - параметр отвечающий за цвет фона, по которому будет бежать строчка. Что за цвет такой "#ffffff" - мы уже говорили   здесь. ТуТ. А теперь пример на черном фоне ( #000000 ), т.к. буквы у меня тоже черные,- вы их не увидите, поэтому поменяю им цвет:

текст

  Автор Legionary

 

А знаете ли Вы

Как вставить картинки в текст сообщения?


вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Бегущая строка | Anatol51 - Дневник Anatol51 | Лента друзей Anatol51 / Полная версия Добавить в друзья Страницы: раньше»