-Рубрики

 -Всегда под рукой

 -Поиск по дневнику

Поиск сообщений в ИРИНА_УГАРОВА

 -Подписка по e-mail

 

 -Интересы

здоровый образ жизни инструментальная джаз йога кулинария музыка классическая - симфоническая оперная путешествия рок... .кино в стиле феллини и старые советсткие фитнес

 -Сообщества

Читатель сообществ (Всего в списке: 3) AbhaziaTrip WiseAdvice О_Самом_Интересном

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 14.12.2011
Записей: 1143
Комментариев: 176
Написано: 2580


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

Воскресенье, 06 Мая 2012 г. 18:22 + в цитатник

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


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

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

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


" 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 ), т.к. буквы у меня тоже черные,- вы их не увидите, поэтому поменяю им цвет:

текст


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

P.S. Друзья мои! Когда цитируете, возможно плохое отображение:-( Т.к. по вашим личным настройкам дневника, цвет текста у некоторых белый. Вот он и не виден на белом фоне:-( Но это не страшно. Как изменить цвет текста написано в конце поста:-)))

Серия сообщений "Фоны":
Часть 1 - Без заголовка
Часть 2 - Фоны
Часть 3 - Как сделать бегущую строку ?
Часть 4 - Рамочка и фон - хризантемы

Серия сообщений "уроки":
Часть 1 - Кликабельные кнопочки
Часть 2 - Для новичков в LiRu
...
Часть 10 - Делаем ссылки на цитаты,видео,музыку...
Часть 11 - Как бороться со спамом в комментариях
Часть 12 - Как сделать бегущую строку ?
Часть 13 - Наш любимый ФЛЕШ
Часть 14 - Для новичков в LiRu- о вирусе.Урок
...
Часть 23 - Урок - окно с прокруткой текста
Часть 24 - Кнопка-указатель для блога
Часть 25 - Флеш-плееры (с кодами)

Серия сообщений "дневник":
Часть 1 - НАСТРОЙКИ
Часть 2 - Делаем ссылки на цитаты,видео,музыку...
Часть 3 - Украшалочки
Часть 4 - Он-лайн генераторы эффектов
Часть 5 - Как сделать бегущую строку ?
Часть 6 - Наш любимый ФЛЕШ
Часть 7 - Для новичков в LiRu- о вирусе.Урок
...
Часть 15 - Кнопка-указатель для блога
Часть 16 - Красивые надписи
Часть 17 - Флеш-плееры (с кодами)

Метки:  

Процитировано 1 раз

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку