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


ЛиРу - как сделать бегущую строку ( плюс дополнение к "html для начинающих") 13-11-2009 11:17 к комментариям - к полной версии - понравилось!


ЛиРу - как сделать бегущую строку ( плюс дополнение к "html" для начинающих)

Как говорится,- меня попросили,- вот и пишу:-)
Не совсем в "тему" т.к. про html- это еще рано. Но пусть будет, т.к. сие можно использовать на нашем любимом лиру:-)
В посте будут написаны не все "параметры" и "нужности", а только необходимый минимум. Остальное мы рассмотрим позже в теме про html.
Поехали:-)

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

 (160x118, 31Kb)




 (157x148, 38Kb)

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

<marquee behavior="scroll" direction="right" scrollamount="3" bgcolor="#ffffff">

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

</marquee>


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

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


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

<marquee behavior="scroll" direction="right" scrollamount="3" bgcolor="#ffffff">

[size=3][b] Сам текст бегущей строки. ( Или код картинки)[/b][/size]

</marquee>


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

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


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

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

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

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

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

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

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

текст



Вот и все:-) Возникнут вопросы,- пишите либо СЮДА либо в личку:-)) Удачи:-)

P.S. Друзья мои! Когда цитируете, возможно плохое отображение:-( Т.к. по вашим личным настройкам дневника, цвет текста у некоторых белый. Вот он и не виден на белом фоне:-( Но это не страшно. Как изменить цвет текста написано в конце поста:-)))
вверх^ к полной версии понравилось! в evernote
Комментарии (302): вперёд» последняя»
nebo-nebo 13-11-2009-11:27 удалить
ОГРОМНОЕ ОГРОМНОЕ СПАСИБО!!!!!!
Очень - очень нужно!!!
Skuters 13-11-2009-11:40 удалить
Представьте себе ребенка, который первый раз увидел буквы- так это Я! Спасибо большое, очень интересно!
Спасибо! Вот ещё бы....время свободное, что бы разобраться с этим всем...и от души заняться оформлением! :)))))
OLGA_FM 13-11-2009-12:08 удалить
Спасибо! надо попробовать!
Monro-Designs 13-11-2009-12:35 удалить
Спасибо огромное!!!!
Legionary, пасиб,солнуфко))Все понятно))хотела прям тут написать,чет не получается))А в дневе работает)) Потом проверишь у меня)))
The_Angel_Eyes 13-11-2009-14:14 удалить
Спасибо! То, что нужно!
Zosik_K 13-11-2009-14:41 удалить
БОЛЬШОЕ СПАСИБО ЗА УРОК!!
Ират 13-11-2009-14:48 удалить
Большое спасибо!
СВ7онова 13-11-2009-18:28 удалить
СПАСИБО! Очень полезно- надо пользоваться!
Donch-anka 13-11-2009-18:38 удалить

Отлично! Все получается!


Ananda_ewi 13-11-2009-18:45 удалить


Лёша,ты прелесть!


спасибо огроменное тебе)))
Legionary 13-11-2009-20:49 удалить
Ответ на комментарий nebo-nebo # Julia_Nebo, правда?:-) ооочень рад:-)) удачи
Legionary 13-11-2009-20:50 удалить
Ответ на комментарий Skuters # Skuters, все получится:-)) удачи:-))
Legionary 13-11-2009-20:51 удалить
Ответ на комментарий Надежда_Лоскутова # Надежда_Лоскутова, эх.. беда бед это время))) надеюсь, найдете:-)))
Legionary 13-11-2009-20:51 удалить
Ответ на комментарий OLGA_FM # Photo_by_Geisha, всегда пожалуйста:-))
Legionary 13-11-2009-20:52 удалить
Ответ на комментарий Monro-Designs # Marilyn_star, пожалуйста:-))
Legionary 13-11-2009-20:52 удалить
Ответ на комментарий galina15 # galina15, пожалуйста:)))
Legionary 13-11-2009-20:53 удалить
Ответ на комментарий Wella_Wella # Wella_Wella, всегда пожалуйста:-))))
Legionary 13-11-2009-20:53 удалить
Ответ на комментарий Леди_Муррр # Леди_Муррр, как не получается??? написала же
Legionary 13-11-2009-20:54 удалить
Ответ на комментарий The_Angel_Eyes # Lonely_rider, всегда пожалуйста:-)))
Legionary 13-11-2009-20:54 удалить
Ответ на комментарий Zosik_K # Zosik_K, пожалуйста:-))) оценка 5 )))
Legionary 13-11-2009-20:54 удалить
Ответ на комментарий Ират # Ират, всегда пожалуйста:-)))
Legionary 13-11-2009-20:55 удалить
Ответ на комментарий reix # reix, пожалуйста:-))


Комментарии (302): вперёд» последняя» вверх^

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

Дневник ЛиРу - как сделать бегущую строку ( плюс дополнение к "html для начинающих") | Legionary - Legionblog | Лента друзей Legionary / Полная версия Добавить в друзья Страницы: раньше»