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

Главная » Скачать » Скрипты для 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. Ну ладно, вернёмся к строки и рассмотрим ряд вопросов:

  1. Как изменить скорость движения текста? Для этого существует атрибут scrollamount, значение задаётся в пикселях. По умолчанию значение 6, значение можете быть любым целым числом, если число будет 0, то движение происходить не будет.
  2. Как изменить величину задержки движений? А для этого существует атрибут scrolldelay, значения задаётся в миллисекундах. По умолчанию оно 85, значение должно быть целым числом. При изменении этого значения стоит учитывать, что оно напрямую влияет на скорость.
  3. Как задать тип движения передвигаемой строчки? Для этого есть атрибут behavior, для которого существуют три значения: scroll (по умолчанию), alternate и slide. Со значением scroll текст будет перемещаться в заданном направлении, доходя до края контейнера, исчезать, а потом снова появляться из другого края контейнера. Со знач. alternate текст будет перемещаться, как бы отталкиваясь от одного края и перемещаясь к другому. Со знач. slide текст будет выезжать, и останавливаться, как только дойдет до противоположного края.
  4. Как задать другое направление движения, например, сверху вниз? Для этого имеется атрибут direction . Можно задать четыре значения: left (по умолчанию), right, down, up. Left - движения будет идти к левому краю от правого. Right - наоборот. Down - движение будет идти сверху вниз. Up - движение будет идти вверх.
  5. Как сделать так, чтобы полоса текста прокручивалась только определенное количество раз? Атрибутом 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 | Добавлено: 18.05.2011 | Просмотров: 48417 | Рейтинг: 4.2 26
Всего комментариев: 551 2 »

Автор: MerliMelodis (25.02.2016 17:11)

Посетите также мой сайт, там тоже есть интересные материалы http://kirito.ru/


Автор: Time_Z_zero (06.03.2015 10:05)

КАК ПРАВИЛЬНО ПРОПИСАТЬ ЭТОТ scrollamount ?!?!? Второй день ничего не получается!


+1   Спам

Автор: ФрекенБок (04.11.2013 21:13)

Ребята, я понимаю когда задают вопрос женщины, но вам мужчинам сам бог велел во всем этом разбираться. Увидела этот код и сразу захотелось примерить на своем сайте и у меня даже мысли не возникло куда его вставлять, вставила в верхнюю часть глобального блока и всё сразу пошло отлично, единственное - не понравился жирный шрифт, стала читать новость дальше, что под кодом написано и разобралась. Большое спасибо автору этой новости, что так доходчиво всё объяснил.


Автор: _MuSTaNGGG_ (30.07.2013 00:47)

Куда писать loop , чтобы полоса текста прокручивалась только определенное количество раз?
Куда в этом коде ее надо вставить "<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>"


+1   Спам

Автор: Joe_Black (30.07.2013 15:19)

Тоже интересует этот вопрос. Скрипт отличный, вставил куда нужно, но дописанные атрибуты типа scrolldelayв разделе style не работают


+1   Спам

Автор: Владимир (31.01.2013 23:51)

спасибо -вообще всё супер !!!


Автор: владимир (13.01.2013 14:56)

очень интересно,поставлю себе, спасибо автору!


Автор: ty6 (04.09.2012 13:29)

Применила ваш скрипт для форума родителей! Спасибо!


Автор: TheBest (02.09.2012 11:18)

А как отступ с левой стороны сделать?


Автор: Ra[s]TA (19.05.2012 11:16)

Как Зделать Чтобы За стрелкой(Куда стрелкой поведешь за ней строка) Как Зжелать


Автор: boris (28.04.2012 10:50)

это статья в выдачи поиска яндекса по запросу - "скрипт бегущая строка" должна быть первой. спасибо огромное!


Автор: xfff (03.05.2012 17:20)

надеюсь у меня получилось


Автор: аркаша (02.03.2012 21:51)

спасибо давно хотел ничё не работало,а тут...


Автор: salute (03.01.2012 13:17)

хорошоя строка


Автор: TTaHDa (23.11.2011 20:06)

Если хотите убрать рамку тов коде скрипта ищите "border:1px" и вместо 1 ставте 0!))


Автор: Витёк (22.11.2011 09:45)

скрипт куллллл!


+1   Спам

Автор: Ольга (07.04.2012 15:34)

Круто!!спасибо!! обязательно применю в своем сайте


Автор: vlad (06.11.2011 09:40)

а как рамку прозрачной плиз помогите


Автор: _MuSTaNGGG_ (30.07.2013 00:45)

найди эту строчку"border:1px solid #f2f2f2;" и сотри  f2f2f2


Автор: Maximkauvek (31.10.2011 01:41)

а можно сделать так что бы другой цвет фона и текста был?


Автор: Vova Miller (01.11.2011 19:47)

Вставить можно например в самый низ в Глобальные блоки --> Верхняя часть Сайта.
Чтобы сделать прозрачный фон, нужно:
background:#fff; заменить на:
background:url('http://savepic.su/526901.gif');
Ваш Кэп :)


-1   Спам

Автор: Dj_forward (10.10.2011 22:47)

норм,вот кому интересно как будет выглядеть это...


Автор: Daniel (26.09.2011 10:14)

Как сделать что бы не было сзади фона( прозрачный)


Автор: Vlad (08.09.2011 02:37)

Спасибо большое за скрипт отлично получилось вот посмотрите


Автор: Славян (30.08.2011 22:10)

Автор спасибо,чёткий скрипт


Автор: рамис (10.09.2011 21:56)

всем привет а как ставить это Скрипт для uCoz бегущая строка на свои сайт жду ваших ответов


Автор: Niksar (26.08.2011 14:38)

у мя пошло , спс!!!!!!!!!


Автор: Виталёс (07.08.2011 20:13)

нужно открыть конструктор создать блок в насторйках блока вставить этот код!


Автор: FLY (06.08.2011 21:33)

Спасибо. Это ваще крутой сайт. Обязательно добавлю вас в друзья сайта у себбя))))


Автор: Саня (06.08.2011 14:08)

Вообще то это не скрипт, а просто тег


-1   Спам

Автор: Макс (04.08.2011 20:25)

Эх вы создатели сайтов блин))) даже не знаете куда этот простенький скрипт воткнуть))))


Автор: Ден (01.08.2011 14:19)

а куда этот скрипт вписыать????????? напишите в аську 481344025


1-30 31-53
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]





Copyright © 2010 - 2017 Pro100uCoz.ru