Выбрана рубрика бегущий текст.

Соседние рубрики: фоны (9), уроки по ЛИРУ(2), текстура(1), схемы для дневника(131), символы(1), редактор фотографий(4), рамочки, коллажи(6), плееры(0), мои схемы(77), мои рамочки(9), кнопки - переходы(1), генератор цвета HTML-кодов(1), Генератор надписей.(1)

Другие рубрики в этом дневнике: Этикет(1), Хиромантия (8), фотошоп(1), Фото(100), учимся рисовать(25), Учим иностранные языки(2), тесты,гадания,заговоры(91), Сновидения(2), Словари (разные)(1), Скороговорки(1), Своими руками(211), Сад и огород(28), Рукоделие(258), Россия. Путешествия.(6), Религия, молитвы(13), Разные МАСТЕР-КЛАССЫ(10), психология(104), проза(42), притчи, пословицы,истории(27), приметы(2), Предсказания(2), поэзия(380), Помощь в оформлении дневника(234), полезные советы(289), позитив(34), Пасха(31), О душе(0), Новый год!(84), мысли, цитаты, афоризмы(152), мультик(4), музыка(276), музеи(1), Моя проза(32), Мои стихи(56), Мода(23), Мёд(4), Медитация(1), Масленица(6), Личное(10), Кулинарные рецепты(934), креативное(1), красота тела(76), красота(46), Компьютер(9), клипарт(18), кино(3), искусство(45), интересное(628), Здоровье(905), живопись, рисунок,гравюра,литография,акварель(139), другие страны(58), для меня(264), детское(47), День Влюбленных(10), выкройки(1), всё о волосах(5), Всё о воде(8), винтаж(5), видеоредакторы(1), аудиоредакторы(0), аудиокниги(15), Астрономия(2), Астрология(9), Авто Виджет(1)

Все о бегущем тексте. Примеры и коды.

Пятница, 23 Ноября 2018 г. 18:20 + в цитатник
Это цитата сообщения Шадрина_Галина [Прочитать целиком + В свой цитатник или сообщество!]

Такой элемент дизайна привлекает внимание посетителей на нужные разделы сайта, а также может выделить определенную информацию на передний план, что даст возможность первоочередного просмотра нужной темы.
« П Л Я Ш У Щ И Й Т Е К СТ»

ВСЕМ ПРИВЕТ!и ДОБРОЕ УТРО

Тег marquee, задающий бегущую строку, придуман когда-то для Internet Exlorer и другие браузеры не всегда корректно отображали работу различных его атрибутов. Теперь они работают практически во всех браузерах.

Примеры бегущего текста с кодами внизу. Просто стираете слова ВАШ ТЕКСТ и пишите вместо них свой текст. И ваш текст ПОБЕЖИТ

Бегущая стока с заданной скоростью
<marquee>ВАШ ТЕКСТ</marquee>

Что бы изменить скорость движения строки, измените цифру движения (1,2,3 и т.д.)

МЕДЛЕННО БЕГУЩАЯ СТРОКА
<marquee scrollamount="1">ВАШ ТЕКСТ</marquee>

БЫСТРО БЕГУЩАЯ СТРОКА
<marquee scrollamount="3">ВАШ ТЕКСТ</marquee>

ОЧЕНЬ БЫСТРО БЕГУЩАЯ СТРОКА
<marquee scrollamount="30">ВАШ ТЕКСТ</marquee>

НАПРАВЛЕНИЕ ТЕКСТА ВПРАВО
<marquee direction="right">ВАШ ТЕКСТ</marquee>

АЛЬТЕРНАТИВНОЕ НАПРАВЛЕНИЕ ТЕКСТА
<marquee behavior="alternate">ВАШ ТЕКСТ</marquee>

НАПРАВЛЕНИЕ СНИЗУ ВВЕРХ
<marquee direction="up" height="50">ВАШ ТЕКСТ</marquee>

НАПРАВЛЕНИЕ СВЕРХУ ВНИЗ
<marquee direction="down" height="50">ВАШ ТЕКСТ</marquee>

Бегущая строка на фоне, который тоже можно менять.

НАПРАВЛЕНИЕ ВЛЕВО. НА ФОНЕ
<marquee bgcolor="silver">ВАШ ТЕКСТ</marquee>

НАПРАВЛЕНИЕ АЛЬТЕРАТИВНОЕ. НА ФОНЕ
<marquee behavior="alternate" bgcolor="silver" width="300">ВАШ ТЕКСТ</marquee>

Заданную ширину тоже ставьте свою (она в пикселях, увеличивайте по своему тексту)

СТРОКА С ЗАДАННОЙ ШИРИНОЙ ДВИЖЕНИЯ
<center><marquee width="300">СТРОКА С ЗАДАННОЙ ШИРИНОЙ ДВИЖЕНИЯ</marquee></center>

СТРОКА В ПУНКТИРНОЙ РАМОЧКЕ
<marquee style="border:2px dotted deeppink" width="300">ВАШ ТЕКСТ</marquee>

СТРОКА В ПРОСТОЙ РАМОЧКЕ
<marquee behavior="alternate" style="border:2px solid red" height="50" width="300">ВАШ ТЕКСТ</marquee>

С ЗАДАННОЙ ШИРИНОЙ НА ФОНЕ
<marquee direction="left" bgcolor="silver" width="300">ВАШ ТЕКСТ</marquee>

СОЛНЕЧНОЙ ПОГОДЫПРИЯТНОГО ДНЯВСТРЕЧНЫЙ ТЕКСТНА ЦВЕТНОМ ФОНЕ
<marquee bgcolor="pink" width="25%">1 ЧАСТЬ ТЕКСТА</marquee><marquee direction="right" bgcolor="aqua" width="25%">2 ЧАСТЬ ТЕКСТА</marquee><marquee bgcolor="silver" width="25%">1 ЧАСТЬ ТЕКСТА</marquee><marquee direction="right" bgcolor="lime" width="25%">2 ЧАСТЬ ТЕКСТА</marquee>

Останавливаем строку наведением курсора мыши (работает не во всех браузерах)
<marquee scrolldelay="80" direction="left">ВАШ ТКСТ</marquee>

ДВИЖЕНИЕ ВОЛНООБРАЗНОЕ
<marquee behavior="alternate" direction="down" scrollamount="10"><marquee behavior="scroll" direction="left" scrollamount="10">ВАШ ТЕКСТ</marquee></marquee>

Движение готового текста, сделанного в программах, и сохраненного как картинка.

<marquee>HTML- код КАРТИНКИ</marquee>

<marquee direction="up" height="150">HTML- код КАРТИНКИ</marquee>

<marquee behavior="alternate" direction="down" scrollamount="10"><marquee behavior="scroll" direction="left" scrollamount="10">HTML- код КАРТИНКИ</marquee></marquee>

<marquee behavior="alternate" style="border:3px solid red" height="100" width="300">HTML- код КАРТИНКИ</marquee>

« П Л Я Ш Е М и П О Е М ! !»
<marquee align="middle" behavior="alternate" direction="up" scrolldelay="20" scrollamount="2" height="22" width="4%">«</marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay="15" scrollamount="2" height="22" width="4%"> П </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay="20" scrollamount="2" height="22" width="4%"> Л </marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay="15" scrollamount="2" height="22" width="4%"> Я </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay="20" scrollamount="2" height="22" width="4%"> Ш </marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay="15" scrollamount="2" height="22" width="4%"> Е </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay="15" scrollamount="2" height="22" width="4%"> М </marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay="15" scrollamount="2" height="22" width="4%"> и </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay="15" scrollamount="2" height="22" width="4%"> П </marquee> <marquee align="middle" behavior="alternate" direction="down" scrolldelay="15" scrollamount="2" height="22" width="4%"> О </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay="15" scrollamount="2" height="22" width="4%"> Е </marquee> <marquee align="middle" behavior="alternate" direction="down" scrolldelay="15" scrollamount="2" height="22" width="4%"> М </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay="20" scrollamount="2" height="22" width="4%"> ! </marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay="15" scrollamount="2" height="22" width="4%"> !</marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay="20" scrollamount="2" height="22" width="4%">»</marquee>

Текст с прокруткой (ширину можно менять, цвет прокрутки тоже)

Листья солнцем наливались.
Листья солнцем пропитались.
Налились, отяжелели
И по ветру полетели,
Зашуршали по кустам,
Поскакали по сучкам,
Ветер золото кружит,
Золотым дождем шумит!
<marquee style="background:pink; padding:10px; BORDER-RIGHT: silver 2px solid; BORDER-TOP: silver 2px solid; BORDER-LEFT: silver 2px solid; BORDER-BOTTOM: silver 2px solid" scrollamount="1" scrolldelay="60" direction="up" height="60" width="250">ВАШ ТЕКС ЗДЕСЬ<br /> ВАШ ТЕКС ЗДЕСЬ<br /> ВАШ ТЕКС ЗДЕСЬ<br /> ВАШ ТЕКС ЗДЕСЬ</marquee>

С

Д
Н
Е
М

Р
О
Ж
Д
Е
Н
И
Я
!

<marquee direction="up" scrolldelay="1" scrollamount="1" style="text-align:justify;filter:wave(add=5, phase=10, freq=5, strength=100);"><center><font color="blue" size="3"><br />В<p></p><br /> <p>А<br />Ш<br /><br /> </p></font><p><font color="blue" size="3">Т<br />Е<br />К<br />С<br />Т<br /></font></p></center></marquee>

ЛЕТАЮЩИЙ ТЕКСТ
<marquee direction="right"><marquee direction="up">ВАШ ТЕКСТ</marquee></marquee>

ДВИЖЕНИЕ ПОСРЕДИНЕ ВВЕРХ

<marquee direction="right"><marquee direction="up"><div align="center">ВАШ ТЕКСТ</div></marquee></marquee>

ВСТРЕЧНЫЙ ТЕКСТ

ПО ЗАДАННОМУ РАССТОЯНИЮ

<marquee direction="right"><marquee direction="up"><marquee scrollamount="1" direction="down" height="30" beha="beha"><wbr /><div align="center">ВСТРЕЧНЫЙ ТЕКСТ</div></marquee><br /> <marquee scrollamount="1" direction="up" height="30" beha="beha"><div align="center">ПО ЗАДАННОМУ РАССТОЯНИЮ</div></marquee></marquee></marquee>

ДОБРОЕ УТРО ХОРОШЕГО ДНЯ
<marquee width="288" direction="up" scrollamount="2" height="50"><center>ВАШ ТЕКСТ</center></marquee><center><marquee width="288" direction="down" scrollamount="2" height="50"><center>ВАШ ТЕКСТ</center></marquee></center>

Добро пожаловать Ко мне в гости
<marquee width="288" direction="down" scrollamount="2" height="50"><center>ВАШ ТЕКСТ</center></marquee><center><marquee width="288" direction="up" scrollamount="2" height="50"><center>ВАШ ТЕКСТ</center></marquee></center>

ПриветДоброе утро
<marquee width="216px">ВАШ ТЕКСТ</marquee><marquee width="216px" direction="right">ВАШ ТЕКСТ</marquee>

Можно создать и бегущую ссылку на какой то сайт, которые вы хотите показать читателям. Вот эта формула.

ССЫЛКА НА МОЙ ДНЕВНИК Дневник ШАДРИНА ГАЛИНА
<marquee behavior="alternate" direction="right" scrollamount="1" width="500px" height="20px">строка со ссылкой на <a target="_blank" data-cke-saved-href="http://kapon.com.ua/" href="http://kapon.com.ua/" title="АДРЕС САЙТА">НАЗВАНИЕ САЙТА</a></marquee>

Подробный урок о том, КАК подставить в формулу бегущей строки свои значения МОЖНО ПОСМОТРЕТЬ ЗДЕСЬ

Подробный урок о том, необычных движениях строки МОЖНО ПОСМОТРЕТЬ ЗДЕСЬ

В начало ↑

Удачи в вашем творчестве.[/more]

Рубрики:

Помощь в оформлении дневника/бегущий текст

Страницы:

[1]

LiveInternetLiveInternet

-Рубрики

-Цитатник

-Фотоальбом

-Поиск по дневнику

-Подписка по e-mail

-Интересы

-Друзья

-Постоянные читатели

-Статистика

Все о бегущем тексте. Примеры и коды.