Всё для Counter Strike Source
Меню сайта
Всё для CSS
Шаблоны для uCoz [3]
Программы для CSS [20]
Читы для CSS [6]
Карты для CSS [26]
Модели оружия для CSS [26]
Перчатки для CSS [3]
Модели игроков для CSS [11]
Анти-читы для CSS [1]
Русификаторы для CSS [1]
Темы меню для CSS [9]
Модели заложников для CSS [12]
Выстрелы для CSS [9]
Фонарики для CSS [8]
Прицелы для CSS [9]
Взрывы для CSS [6]
Радары для CSS [3]
Модели зомби для CSS [7]
Кровь для CSS [9]
Звуки для CSS [9]
Моды для CSS [9]
Все для uCoz [2]
Всё для CS 1.6 [3]
Наш опрос
Оцените мой сайт
Всего ответов: 43
Статистика
attractive russian brides from Moscow contador de visitas счетчик посещений
Форма входа
Ваша реклама
СВободно
Главная » Файлы » Все для uCoz

Скрипт для uCoz бегущая строка
23.05.2011, 08:53

Скрипт для uCoz бегущая строка

Представляю вам скрипт для uCoz - бегущая строка. То есть, она движется справа на лево, а, если её настроить, может двигаться слева на право, а может сверху вниз или наоборот. Итак, код:

<marquee style="width:100%; background:#fff; padding:5px; border:1px solid #f2f2f2; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;">
Здесь Вы можете написать что угодно, например, приветствие
</marquee>

А вот так эта бегущая строка будет выглядеть после вставки кода, приведенного выше:
Здесь Вы можете написать что угодно, например, приветствие
Как редактировать строчку?

А вообще, её можно очень гибко под себя настраивать. Как? Очень просто, для этого нужно понять одну простую вещь - за перемещение строки отвечает тег marquee, а значит, к нему надо прописать нужные атрибуты, которые и настрою бегание этой строчки.

Кстати, с помощью этого тега можно перемещать не только текст, а ещё и изображения, различные элементы форм, таблицы, теги div. Ну ладно, вернёмся к строки и рассмотрим ряд вопросов:
Как изменить скорость движения текста? Для этого существует атрибут scrollamount, значение задаётся в пикселях. По умолчанию значение 6, значение можете быть любым целым числом, если число будет 0, то движение происходить не будет.
Как изменить величину задержки движений? А для этого существует атрибут scrolldelay, значения задаётся в миллисекундах. По умолчанию оно 85, значение должно быть целым числом. При изменении этого значения стоит учитывать, что оно напрямую влияет на скорость.
Как задать тип движения передвигаемой строчки? Для этого есть атрибут behavior, для которого существуют три значения: scroll (по умолчанию), alternate и slide. Со значением scroll текст будет перемещаться в заданном направлении, доходя до края контейнера, исчезать, а потом снова появляться из другого края контейнера. Со знач. alternate текст будет перемещаться, как бы отталкиваясь от одного края и перемещаясь к другому. Со знач. slide текст будет выезжать, и останавливаться, как только дойдет до противоположного края.
Как задать другое направление движения, например, сверху вниз? Для этого имеется атрибут direction . Можно задать четыре значения: left (по умолчанию), right, down, up. Left - движения будет идти к левому краю от правого. Right - наоборот. Down - движение будет идти сверху вниз. Up - движение будет идти вверх.
Как сделать так, чтобы полоса текста прокручивалась только определенное количество раз? Атрибутом loop, значение которого количество раз открути текста. По умолчанию "-1", это бесконечность.
Настроим стили

Стили надо обязательно настроить под ваш сайт, иначе будет некрасиво смотреться. Настроить стили - это: изменить фон, задать отступы, ширину, высоту, рамку вокруг, тип шрифта, размер шрифта, ширину шрифта. Например, у вас сайт с чёрным фоном, тогда тот код, что представлен выше, вам не подойдет, будет не красиво. Чтобы было красиво, надо изменить фон на чёрный.

Сейчас я хочу просто написать пояснения к каждому стилю, который прописан в коде, представленном в самом начале:

"width:100%;" - ширина 100%, можно задать ширину в пикселях, например, "width:600px;".
"height:100%;" - высота 100%.
"background:#fff;" - фон цветом #fff. Можно задать черный цвет - #000.
"padding:5px;" - отступы внутри блока шириной 5px.
"border:1px solid #f2f2f2;" - сплошная рамка вокруг блока шириной 1 пиксель и цветом #f2f2f2.
"color:#000;" - цвет текста #000.
"font-family:Arial, Helvetica, sans-serif;" - шрифт текста Arial.
"font-size:14px;" - размер шрифта 14px.
"font-weight:bold;" - текст будет писаться жирным шрифтом.

Категория: Все для uCoz | Добавил: ace-pro
Просмотров: 566 | Загрузок: 0 | Комментарии: 1 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Наш сервер
Счётчик
Друзья сайта
читы для css
Всё для CSS Graffiti Decorations(R) Studio (TM) Site Promoter
www.xstats.ru
Ваша реклама
СВободно
Copyright MyCorp © 2025