Делаем бегущую строку не возясь с кодами. Например вот так.
Добрый день дорогие друзья
Добрый день дорогие друзья
Все делается просто и быстро, вот в этой флеш.
Код флеш для вставки в свой дневник.
Пользоваться флеш очень просто.
Сначала делаем все настройки. отвечая на все вопросы флеш. То есть выбираем направление бегущей строки, затем движение текста в этой строке. Ну и конечно цвет и скорость движения.
Ответив на все "настроечные" вопросы, вы получите код строки, в которой слова "Ваш текст" нужно заменить на ваш какой-либо текст.
Вставите этот код, в свой дневник, и вместо слов ВАШ ТЕКСТ вставите свой текст.
Текст можно редактировать обычным способом. То есть менять шрифт, размер, цвет и т.д. Все о html кодах для текста вы можете
Снизу вы видите кнопочку "пропустить",- при нажатии которой, флешка выдаст вам стандартный код бегущей строки без ваших настроек. Но это не очень красиво. Лучше пройти все этапы настройки, их не так уж много.
К сожалению здесь нет автоматически прозрачного фона, для бегущего текста, но его всегда можно настроить вручную.
Посмотрим внимательно на код полученной флеш.
Выделенное голубым - это код цвета бегущей строки. Если аккуратно стереть этот цвет (не трогая кавычек), то ваша строка будет на прозрачном фоне.
Убрав код цвета бегущей строки, и поставив цвет и размер соего текста, код будет выглядеть ВОТ ТАК.
В результате вы получите бегущую строку, на прозрачном фоне.
Успехов в вашем творчестве!
Вместо слов вы можете так же вставлять картинку, и она у вас побежит. Можно вместе текст и картинка.
При разработке сайта интересным элементом дизайна, привлекающим внимание, может стать бегущая строка . Особенно удобно размещать с её помощью краткие новости, информацию о скидках, распродажах и т.п. Кроме того, бегущая строка - самый простой способ создания анимации на сайте.
Бегущая строка формируется с помощью тега ... (закрывающий тег обязателен). Первоначально тег был предназначен только для браузера Internet Explorer, но современные версии других браузеров также понимают и поддерживают его, хотя он не входит в спецификацию HTML. Из-за этого наличие на странице тега приведет к невалидному коду, то есть ошибке при проверке, но её можно игнорировать. Так же следует учитывать, что браузеры по-разному отображают содержимое бегущей строки , так что при создании сайта обязательно проверяйте её вывод. Как всегда, на первом месте по непредсказуемости обработки HTML-кода стоит Internet Explorer , и тег для него не исключение. Также очень не любит этот тег и Google Chrome.
Для создания сайта особый интерес представляет то, что содержимое контейнера не ограничивается простым текстом и позволяет перемещать любые элементы веб-страницы - изображения, текст, таблицы, элементы форм и т.д.
Скидка 50% при заказе КАСКО через интернет. Услуга автомойки бесплатно каждому клиенту
Длину бегущей строки можно ограничить, задав атрибут width (длина строки) или hspace (отступ от границ прокрутки) в пикселях или процентах. К слову о браузерах, в данном примере пришлось перед бегущей строкой ввести неразрывный пробел () и задать style="letter-spacing: 0em" , так как без этой "химии" Internet Explorer 7 (Must die!) некорректно выводил бегущую строку при масштабах показа страницы более 100%.
Если сделать какой-либо элемент бегущей строки ссылкой, то получается интересный трюк "поймай меня!". В нашем примере, чтобы перейти по ссылке, надо успеть кликнуть мышкой по красному автомобилю.
Перемещение бегущей строки можно задавать не только по горизонтали, но и по вертикали. В этом случае, как и в предыдущем, можно указать размеры области, в которой будет происходить движение (атрибуты width и height тега соответственно):
В этом примере для вертикальной бегущей строки отличились уже браузеры Firefox 3.5 и Internet Explorer 7 и 8 . Кроме необходимости вставлять неразрывный пробел () перед началом бегущей строки, но и надпись "каско" выводится в них не по центру, а вот в Opera всё нормально. При желании, вы можете потренироваться в применении "тонких" методов HTML для центровки этой надписи в указанных браузерах.
Для бегущей строки можно устанавливать параметры перемещения элементов, что позволяет с легкостью создавать оригинальные эффекты. Рассмотрим основные атрибуты тега :
- behavior
- тип движения элементов бегущей строки:
- scroll - от края до края в одном направлении (по умолчанию),
- slide - после выполнения заданного числа проходов строка остаётся у левого или правого края страницы,
- alternate - направление перемещения меняется на противоположное после выполнения каждого цикла; - bgcolor - цвет фона бегущей строки;
- direction
- направление движения бегущей строки:
- left - влево (по умолчанию),
- right - вправо,
- down - вниз,
- up - вверх; - height - высота бегущей строки;
- hspace - отступ от левой и правой границ области прокрутки;
- loop - число показов бегущей строки, по умолчанию - infinite (бесконечное) повторение;
- scrollamount - смещение в пикселях за один шаг;
- scrolldelay - величина задержки в миллисекундах между шагами. Используется для замедления перемещения элементов бегущей строки;
- truespeed - минимальное значение задержки между шагами, по умолчанию 60 мс;
- vspace - отступ по вертикали от границ прокрутки;
- width - ширина бегущей строки.
Текст и элементы, расположенные внутри тегов ..., можно форматировать так же, как любые элементы веб-страницы.
Важное замечание: если длина бегущей строки (текст + картинки) больше ширины страницы сайта, то обязательно указывайте параметр width , чтобы не было искажений верстки в некоторых браузерах!
Если бегущая строка повторяется на нескольких страницах сайта, то её удобно оформить в виде вставки (include), которую можно оперативно менять. Подойдут любые способы включения фрагментов в страницу сайта. Один из самых простых - с помощью JavaScript
. На страницу, в том месте, где должна быть бегущая строка, вставляете
,
а сам текст бегущей строки выносите в отдельный файлик stroka.js,
который помещаете в ту же папку, что и страницы с бегущей строкой. Ниже приводится вариант такого файла с заданием цвета выводимого текста:
// Java Document
document.write("Текст бегущей строки
");
Проверьте, чтобы кодировка для этого файла была та же, что и у основной страницы. Если вы используете программу Adobe Dreamweaver , то для смены кодировки надо выбрать раздел меню Изменить - Свойства страницы - Название/кодировка . Также сменить кодировку скрипта можно в Microsoft Word . Для этого откройте документ, задайте нужную кодировку, если он выводится неверно (как это сделать, смотрите в "Справке Word"), а затем сохраните его следующим путем: Файл - Сохранить как - Обычный текст - Сохранить . В открывшемся окне вы можете задать необходимую кодировку.
Как указано выше, тег приводит к невалидному коду. Если вы хотите избежать этого, то можно воспользоваться другими методами, например, скриптами JavaScript и др. Подробно этот вопрос рассмотрен на сайте a-cto.narod.ru . Там же предложен и интересный вариант бегущей строки - побуквенный вывод текста, который можно задать для любой строки на сайте:
Для создания этого эффекта вставляете в нужное место странцы следующий код:
var line="Побуквенная бегущая строка
";
var speed=150;
var i=0;
function pechatanie() {
if(i++