Без заголовка

Вторник, 28 Января 2014 г. 09:41 + в цитатник

Цитата сообщения Legionary

Прочитать целиком В свой цитатник или сообщество!

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

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

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

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

(160x118, 31Kb)

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

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

Серия сообщений "рамка для текста":
Часть 1 - Урок. Как сделать простую рамочку для текста
Часть 2 - РАМКА ПРОСТАЯ...
...
Часть 7 - Генератор анимации
Часть 8 - КАК СДЕЛАТЬ КАРТИНКУ С СЫЛКОЙ НА ВАШ САЙТ
Часть 9 - Без заголовка
Часть 10 - Рамочка
Часть 11 - Бродилочка по сайтам,где можно обработать .Подписать,увеличить,уменьшить,сделать разные эффекты,ну и конечно вставить фото в оригинальную рамочку.
Часть 12 - Порадуйте друзей Pro100tak
Часть 13 - Ретушь старого фото.

Серия сообщений "помощник на Лиру":
Часть 1 - Советы по оформлению дневничков на ЛиРу
Часть 2 -
Часть 3 - КАК СДЕЛАТЬ КАРТИНКУ С СЫЛКОЙ НА ВАШ САЙТ
Часть 4 - Без заголовка
Часть 5 - Бродилочка по сайтам,где можно обработать .Подписать,увеличить,уменьшить,сделать разные эффекты,ну и конечно вставить фото в оригинальную рамочку.
Часть 6 - Порадуйте друзей Pro100tak
...
Часть 9 - Всё под рукой/Всё, что нужно начинающему блогеру(обновленный материал)
Часть 10 - Телепрограмма на сегодня.
Часть 11 - КАЛЕНДАРЬ ПРАЗДНИКОВ

Рубрики:

Помощник

Метки: помощник

<a href="https://www.liveinternet.ru/users/4545430/post310251183/">Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°</a><br/>
Р›РёР Сѓ - РєР°Рє СЃРґРµР»Р°С‚СЊ Р±РµРіСѓС‰СѓСЋ СЃС‚СЂРѕРєСѓ ( РїР»СЋСЃ РґРѕРїРѕР»РЅРµРЅРёРµ Рє "html" РґР»СЏ РЅР°С‡РёРЅР°СЋС‰РёС…)

РљР°Рє РіРѕРІРѕСЂРёС‚СЃСЏ,- РјРµРЅСЏ РїРѕРїСЂРѕСЃРёР»Рё,- РІРѕС‚ Рё РїРёС€Сѓ:-)
 РќРµ СЃРѕРІСЃРµРј РІ "С‚РµРјСѓ" С‚.Рє. РїСЂРѕ html- СЌС‚Рѕ РµС‰Рµ СЂР°РЅРѕ. РќРѕ РїСѓСЃС‚СЊ Р±СѓРґРµС‚, С‚.Рє. СЃРёРµ РјРѕР¶РЅРѕ РёСЃРїРѕР»СЊР·РѕРІР°С‚СЊ РЅР° РЅР°С€РµРј Р»СЋР±РёРјРѕРј Р»РёСЂСѓ:-)
 Р’ РїРѕСЃС‚Рµ Р±СѓРґСѓС‚ РЅР°РїРёСЃР°РЅС‹ РЅРµ РІСЃРµ "РїР°СЂР°РјРµС‚СЂС‹" Рё "РЅСѓР¶РЅРѕСЃС‚Рё", Р° С‚РѕР»СЊРєРѕ  РЅРµРѕР±С…РѕРґРёРјС‹Р№ РјРёРЅРёРјСѓРј. РћСЃС‚Р°Р»СЊРЅРѕРµ РјС‹ СЂР°СЃСЃРјРѕС‚СЂРёРј РїРѕР·Р¶Рµ РІ С‚РµРјРµ РїСЂРѕ html.
 РџРѕРµС…Р°Р»Рё:-)

Р•СЃС‚СЊ С‚Р°РєРѕР№ СЃРїРµС†РёР°Р»СЊРЅС‹Р№ С‚РµРі "marquee", РєРѕС‚РѕСЂС‹Р№ Рё РїРѕРјРѕР¶РµС‚ РІР°Рј СЃРґРµР»Р°С‚СЊ Р±РµРіСѓС‰СѓСЋ СЃС‚СЂРѕРєСѓ. РР·РЅР°С‡Р°Р»СЊРЅРѕ РѕРЅ СЂР°Р±РѕС‚Р°Р» С‚РѕР»СЊРєРѕ РІ Р±СЂР°СѓР·РµСЂРµ Internet Explorer, РЅРѕ С‚РµРїРµСЂСЊ РїРѕС‡С‚Рё РІРѕ РІСЃРµС… Р±СЂР°СѓР·РµСЂР°С….
 Р›РёС‡РЅРѕ СЏ РїСЂРѕРІРµСЂРёР»,-... <a href="https://www.liveinternet.ru/users/4545430/post310251183/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Цитатник

-Метки

-Ссылки

-Новости

-Рубрики

-Приложения

-Музыка

-Фотоальбом

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

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

-Друзья

-Постоянные читатели

-Сообщества

-Статистика

Без заголовка