Бегущая строка со ссылками!

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем apirat, 20.11.2008.

  1. apirat
    Offline

    apirat Недавно здесь

    Регистрация:
    08.05.2008
    Сообщения:
    27
    Симпатии:
    0
    Пол:
    Мужской
    Привет!
    Бегущая строка с ссылками! Как такое можно реализовать?

    Пример строки тут _http://www.family-house.com.ua/

    Спасибо!:)
     
  2.  
  3. Dead Krolik
    Offline

    Dead Krolik специалист

    Регистрация:
    13.04.2007
    Сообщения:
    3 688
    Симпатии:
    101
    Пол:
    Мужской
    Re: Бегущщая строка с сылками!

    Изучаем HTML-тэг marquee и вставляем в шаблон все что захотим.
     
  4. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    Re: Бегущщая строка с сылками!

    Езе можно поискать на тему java-script скроллинга, там есть фичи разные прикольные ;)
     
  5. Offline

    sbakur Недавно здесь

    Регистрация:
    15.05.2009
    Сообщения:
    4
    Симпатии:
    0
  6. Offline

    BeerMan88 Недавно здесь

    Регистрация:
    22.07.2010
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Мужской
    сделать ёё очень просто !!! берем модель скачать тут!!!
    заходим в модуль выбираем где хотим поставить строку в модуле с права вводим код <marquee onmouseover=this.stop(); onmouseout=this.start(); style="BORDER: #000000 1px solid" scrollamount="3" scrolldelay="23" width="1262" height="23" bgcolor="#CCCCCC" align="middle" direction="left"><i><font face="Arial" size="4" color="#990000">Здесь пишем то что нам надо или ссылки</font></i></marquee>
    созраняем и радуемся!!!! А вот ище настройки строки если надо :

    * scrollamount="1" — скорость движения строки. (Рекомендуется ставить скорость "1", в этом случае строка выглядит более удобочитаемо и не дёргается)
    * scrolldelay="20" — этот атрибут задаёт временной интервал между шагами бегущей строки.
    * width="200" — ширина бегущей строки в пикселях.
    * height="17" — высота бегущей строки. (Если вы делаете бегущую строку в одну строчку, то можно высоту не указывать, она сама подбирается под размер букв).
    * bgcolor="#E9E9D1" — задаёт фоновый цвет бегущей строки. (Вместо E9E9D1 подставляете свой цвет).
    * direction="left" — задаёт направление движения бегущей строки. В данном случае это "left" в лево. Но также может применять значения "right" вправо, "up" вверх, "down" вниз.
    * direction="right" — движение текста вправо.
    * direction="up" — движение текста в верх.
    * direction="down" — движение текста вниз.
    * loop="2" — задаёт число проходов бегущей строки. (Если указать "2" то два раза текст проедет и больше показываться не будет, только если ещё раз обновить страницу).
    * hspace="70" — этот атрибут задает смещение в пикселах в право бегущей строки.
    * vspace="70" — этот атрибут задает пустое пространство выше и ниже бегущей строки.
    * behavior="scroll" — прокрутка текста (В большинстве случаев можно не указывать, т.к. текст по умолчанию всегда прокручивается).
    * behavior="slide" — прокрутка текста с остановкой.
    * behavior="alternate" — движение от края к краю.
    direction="up" и behavior="alternate" текст будет двигаться от верха к низу и обратно. Используя два атрибута direction="up" и behavior="slide" текст поднимается снизу вверх и достигнув самого верха останавливается. Для более красивого оформления бегущей строки можно выделить края подставив:
    style="BORDER: #000000 1px solid"
    Здесь #000000 это цвет, а 1px толщина границ бегущей строки в пикселях.
    * onmouseover=this.stop(); — при наводе курсора мыши текст остановится;
    * onmouseout=this.start(); — при убирании курсора мыши текст продолжит своё движение.
    Думаю розберетесь!! Если чё пешите!!B)
     
    Последнее редактирование: 29.08.2010

Поделиться этой страницей

Загрузка...