• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Бегущая строка на сайте (в HTML)
Бегущая строка на сайте
Kosten
Воскресенье, 22 Декабря 2013 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Думаю вы видели на многих интернет ресурсах бегущею статью а точнее основном бывает что реклама. Но что говорить когда строка бежит вы сразу смотрите на ее и читаете, чем она так и цепляет.
Теперь поговорим как сделать ее, и создадим так чтоб вместо текста был рисунок.
И так:
Сам код где прописаны тайтлы.
Код
<title>Бегущая строка на сайте</title>
</head>
<body>
<marquee behavior="alternate" direction="right">Шаблоны для uCoz , Скрипты для uCoz</marquee>

Бегущая строка на сайте


шаблоны для uCoz , скрипты для uCoz
Если вам нужно изменить цвет то воспользуйтесь этим кодом:
Код
<span style="color:#f25100">шаблоны для uCoz , скрипты для uCoz</span>.

шаблоны для uCoz , скрипты для uCoz.
Цвет может быть любой.


Есть еще один код с такой же функцией.
Код
<title>Бегущая строка на сайте</title>
</head>
<body>
<marquee behavior="scroll" direction="left"><strong>все для ucoz,</strong></marquee>

Бегущая строка на сайте


Все для ucoz


Теперь сделаем картинку biggrin
Код
<marquee behavior="scroll" direction="right"> <img src="http://zornet.ru/CSS-ZORNET/REN/logotipe23.png" /> </marquee>

Страна: (RU)
CS-MASTER
Воскресенье, 22 Декабря 2013 | Сообщение 2
Оффлайн
Пользователи
Сообщений:150
Награды: 0
Kosten, ))) сделай faq оформление таблиц ))
Страна: (KZ)
Kosten
Воскресенье, 22 Декабря 2013 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
CS-MASTER, как понять wink
Мне кажется так понятно. Для меня чтоб понятно всем было.
Страна: (RU)
CS-MASTER
Воскресенье, 22 Декабря 2013 | Сообщение 4
Оффлайн
Пользователи
Сообщений:150
Награды: 0
Цитата Kosten ()
как понять
ну создание таблиц ) стили для них
Страна: (KZ)
Kosten
Воскресенье, 22 Декабря 2013 | Сообщение 5
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
CS-MASTER, честно сказать не умею. Я только как месяц начал изучать html
Страна: (RU)
Kosten
Пятница, 24 Июня 2016 | Сообщение 6
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Так еще одна бегучая строка есть и здесь вы сами можете выстроить и оформить текст как вам нужно или под ваш дизайн тематики интернет ресурса.


Сайт про 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>


Настроим стили

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

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

[info]"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;" - текст будет писаться жирным шрифтом.[/info]

Как редактировать строчку?

Как изменить скорость движения текста?
Для этого существует атрибут scrollamount, значение задаётся в пикселях. По умолчанию значение 6, значение можете быть любым целым числом, если число будет 0, то движение происходить не будет.

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

Как задать тип движения передвигаемой строчки?
Для этого есть атрибут behavior, для которого существуют три значения: scroll (по умолчанию), alternate и slide. Со значением scroll текст будет перемещаться в заданном направлении, доходя до края контейнера, исчезать, а потом снова появляться из другого края контейнера. Со знач. alternate текст будет перемещаться, как бы отталкиваясь от одного края и перемещаясь к другому. Со знач. slide текст будет выезжать, и останавливаться, как только дойдет до противоположного края.

Как задать другое направление движения, например, сверху вниз?
Для этого имеется атрибут direction . Можно задать четыре значения: left (по умолчанию), right, down, up. Left - движения будет идти к левому краю от правого. Right - наоборот. Down - движение будет идти сверху вниз. Up - движение будет идти вверх.

Как сделать так, чтобы полоса текста прокручивалась только определенное количество раз?
Атрибутом loop, значение которого количество раз открути текста. По умолчанию "-1", это бесконечность.
Страна: (RU)
Tergran
Пятница, 24 Июня 2016 | Сообщение 7
Оффлайн
Пользователи
Сообщений:101
Награды: 0
Хорошее дело для информации, которую обязательно заметят.
Страна: (RU)
Scheme
Пятница, 24 Июня 2016 | Сообщение 8
Оффлайн
Пользователи
Сообщений:157
Награды: 1
С изображение не чего так смотрится.
Страна: (RU)
Tergran
Пятница, 24 Июня 2016 | Сообщение 9
Оффлайн
Пользователи
Сообщений:101
Награды: 0
Меня они больше раздражают, сделать так, чтоб раз прошла и просто не было потом, а так гоняет с право - влево, или как там настроят.
Страна: (RU)
Angerfist
Пятница, 24 Июня 2016 | Сообщение 10
Оффлайн
Vip
Сообщений:767
Награды: 21
Цитата Kosten ()
CS-MASTER, честно сказать не умею.. Я только как месяц начал изучать html
Скачал видео уроки ЗДЕСЬ

Я по урокам Евгения Попова изучал PHP давным давно, и работу в Adobe Dreamweaver, умеет он обьяснять простым языком.


No regrets
Страна: (RU)
Kosten
Пятница, 24 Июня 2016 | Сообщение 11
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Angerfist, норма wink
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Бегущая строка на сайте (в HTML)
  • Страница 1 из 1
  • 1
Поиск: