• Шпаргалка

  • Диаграмма Размера

  • РАМКИ с кодами!


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

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

  • Шпаргалка

  • Диаграмма Размера

  • РАМКИ с кодами!



  • Последние новости


    Использование ReadyBoost

    Когда то Билл Гейтс утверждал, что для любого компьютера 640 Кбайт оперативной памяти – более чем достаточно. Как же он ошибался! Сегодня объем оперативной памяти стал одним из «узких» мест персонального компьютера. Многие системы и программы наиболее требовательны не к производительно...
    Читать далее »

    Повышение производительности

    Окно сведений о производительности (см. рис. 11.10) не только предоставляет информацию, но и позволяет несколько повысить общую производительность системы. Для этого в левой части окна есть следующие ссылки. • Управление автозагрузкой программ. Щелкнув кнопкой мыши тут, вы откроете знакомое о...
    Читать далее »

    Выбор типа компьютера: настольный или портативный

    Настольный компьютер – это довольно громоздкое сооружение. Как минимум, он состоит из системного блока, набитого деталями (материнская плата, процессор, память и т. д.), монитора, клавиатуры и мыши (рис. 0.14), а часто добавляются еще и колонки. Рис. 0.14. Типичный настольный компьютер Порта...
    Читать далее »

    Принтер. Сканер

    Печатающее устройство – вовсе не обязательный компонент домашнего компьютера. Да и в офисе он должен стоять не на каждом рабочем месте. Тем не менее вам может захотеться купить и его. Здесь главное не переэкономить. Пожадничаете, купите струйный принтер ценой €30, а потом будете каждый месяц ...
    Читать далее »

    Покупки в Интернете

    Это хороший способ заниматься шопингом, не выходя из дому (или прямо на рабочем месте, пока шеф не видит). Хлеб с молоком в Интернете покупать не очень удобно (по крайней мере, на просторах СНГ), но крупные вещи так приобретать можно. Недостатком интернет магазина является то, что товар можно увиде...
    Читать далее »

    Windows Media Center – все сразу!

    Выше были рассмотрены достоинства Проигрывателя Windows Media. Дескать, он и кино может показывать, и музыку проигрывать, и даже компакт диски записывать. Но есть в Vista программа, которая еще универсальнее, – это Wndows Media Center. Он позволяет работать не только с изображениями, музыкой и видео, хранящим...
    Читать далее »

    Работа с группой объектов

    Надеюсь, вы уже разобрались, как создавать, копировать, перемещать, удалять файлы и папки, а также создавать для них ярлыки. Разобрались? Вот и отлично. Иногда возникают ситуации, когда нужно все эти операции проделать с несколькими объектами. Можно, конечно, таскать файлы по одному, но это так непро...
    Читать далее »