-Рубрики

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

Поиск сообщений в Гриола

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 01.05.2010
Записей: 5276
Комментариев: 32896
Написано: 73728


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

Пятница, 18 Февраля 2011 г. 00:06 + в цитатник
Цитата сообщения Legionary

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

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

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

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

текст


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

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

Серия сообщений "Новичкам2":
Часть 1 - Учусь делать всплывающий текст
Часть 2 - Как сделать бегущую строку
Часть 3 - Без заголовка
Часть 4 - Учусь делать бегущую строку
...
Часть 20 - О комментариях. Где читать?
Часть 21 - Окошко для кодов.
Часть 22 - Пишем комментарии.


Понравилось: 13 пользователям

Niknaim   обратиться по имени Вторник, 30 Августа 2011 г. 22:49 (ссылка)
Ой, класс! У меня получилось!!!! Спасибо!
Ответить С цитатой В цитатник
LGV   обратиться по имени Четверг, 15 Сентября 2011 г. 14:33 (ссылка)
Буду пробовать! Спасибо за урок!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 15 Сентября 2011 г. 18:41ссылка
Всё получится.
ювентус   обратиться по имени Учимся,учимся и чему-нибудь научимся. Четверг, 06 Октября 2011 г. 19:18 (ссылка)
Понравилось. На сегодняшний день, я чайник по любым оформлениям дневника и.т.д. Затруднения вызывает запомнить коды, или каждый раз отыскивать неоюходимые пояснения. Неужели нельзя на отдельной странице, привязанной к данному дневнику упростить все в виде кнопок, типа, хотите бегущую строку, нажмите "А", слева направо "ВН", бегущую картинку с стандартными картинками "Я" , фон картинки "Д" и.т.д. Тогда чайникам останется только нажимать нужную кнопку , например, как в айфонах.
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 06 Октября 2011 г. 21:55ссылка

1. Это не мой пост, а цитата.
2. Когда я брала эту цитату, тоже была чайником. Но разобралась.
3. У нас нет отдельных страниц. Всё в постах.
4. Об айфоне не имею понятия.
5. Недавно захотелось сделать бегущую строку, вот что получилось
http://www.liveinternet.ru/users/3796838/post182804013/
Анна_Вабищевич   обратиться по имени Пятница, 21 Октября 2011 г. 23:48 (ссылка)
Спасибо большое! Для меня пока некоторые новые слова,но я думаю в скором времени все изучу. А с Ювентусом я согласна.
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 22 Октября 2011 г. 09:44ссылка
Конечно, всё получится.
ivolga18   обратиться по имени Пятница, 09 Декабря 2011 г. 12:59 (ссылка)
спасибо за урок!беру себе
Ответить С цитатой В цитатник
Перейти к дневнику
lola-malvina   обратиться по имени Пятница, 09 Декабря 2011 г. 13:28 (ссылка)
Спасибо за урок.Будим учиться. Огромное желание научиться очень многому
Ответить С цитатой В цитатник
Перейти к дневнику
Мадам_Виктория   обратиться по имени Суббота, 10 Декабря 2011 г. 00:02 (ссылка)
Честно скажу.я настоящий чайник.За компьютором сижу три м-ца и мне эти уроки полезны.Спасибо.
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 10 Декабря 2011 г. 05:46ссылка
Потихоньку научитесь
Зоя_Федоровна   обратиться по имени как сделать бегущую строку Среда, 04 Января 2012 г. 14:29 (ссылка)
Оленька! Спасибо за урок"ЗОЯ.
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 04 Января 2012 г. 23:53ссылка
Вот и пытайся делать.
киндрат   обратиться по имени Суббота, 07 Января 2012 г. 20:54 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику
Ивушка45   обратиться по имени Понедельник, 16 Января 2012 г. 14:38 (ссылка)
Ура!!! Нажала на "НРАВИТСЯ" и мой голос прибавился!!! От всей души поздравляю С 14 января! С "совершеннолетием"!!! Будьте СЧАСТЛИВЫ!!!
7 (450x360, 150Kb)
Ответить С цитатой В цитатник
Гриола   обратиться по имени Понедельник, 16 Января 2012 г. 15:28 (ссылка)
Спасибо.
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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