IrchaV IrchaV

-Рубрики

Все для фотошоп (448)
декупаж (материал)-плетение из газет-Мастер-класс (413)
иллюстрации,живопись (305)
копилка уроков фотошопа (264)
фотографии (232)
рецепты (168)
браузеры, закладки, полезнейший софт (157)
стихи и просто для души (140)
все для красоты (130)
советы (124)
полезные ссылки и сайты (120)
Советы и хитрости с работой в ПК (104)
ИДЕИ ДЛЯ ДОМА И ДАЧИ (75)
схемы (53)
ЦВЕТЫ ИЗ ЛЕНТ и БУМАГИ (45)
ЦВЕТЫ ИЗ КОНФЕТ (42)
эротика (10)
Обработка в Lightroom (9)
Работа в Word (9)
уроки Corel (8)
Настройки фотоаппарата (4)

-Метки

jasc paint shop pro windows 7 windows10 анимация все для дачи все для декупажа для души идеи для дома и дачи иконки на рабочий стол интересно и полезно квилинг кисти для фотошопа клипарт png книги копилка уроков фотошопа красивые работы маски для фотошопа надписи настройки фотоаппарата обои обработка фото в lightroom открытки плагины для фотошопа плетение из газет помощь пресеты для lightroom проги работа с word рамки рецепеты красоты рецепты сайты своими руками:/_мастер-класс ссылки стили для фотошопа схемы топиарий уроки gimp уроки от mademoiselle viv уроки по magic particles фентази фильмы фоны фото фотошоп и все для него цветы из конфет цветы из ленты и ткани шрифты экшены для фотошопа эротика

-Цитатник

Узкие улочки старого города. ART by Flash Magic - (1)

ЛЮБЛЮ ЛЮДEЙ В ПPEКPACНOМ НACТPOEНИИ... - (0)

Люблю людeй в пpeкpacнoм нacтpoeнии, Кoгдa в глaзax cмeётcя дoбpoтa, A в cepдцe — ...

ВСЕ ПОЛЕЗНЫЕ СОЧЕТАНИЯ КЛАВИШ КЛАВИАТУРЫ ДЛЯ ЭФФЕКТИВНОЙ РАБОТЫ - (0)

ВСЕ ПОЛЕЗНЫЕ СОЧЕТАНИЯ КЛАВИШ КЛАВИАТУРЫ ДЛЯ ЭФФЕКТИВНОЙ РАБОТЫ * * * * * * * * * * ...

Скажите, Вы когда-нибудь любили? - (0)

Скажите, Вы когда-нибудь любили? Скажите, Вы когда-нибудь любили? Скажите, в Вашем доме плыл...

Творожно-лимонное печенье с глазурью - (0)

Творожно-лимонное печенье с глазурью (быстро и легко) Творожно-лимонное печенье с глазурью (бы...

-Приложения

Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
Онлайн-игра "Большая ферма"Дядя Джордж оставил тебе свою ферму, но, к сожалению, она не в очень хорошем состоянии. Но благодаря твоей деловой хватке и помощи соседей, друзей и родных ты в состоянии превратить захиревшее хозяйст
ОткрыткиПерерожденный каталог открыток на все случаи жизни
Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
Скачай фильмыСкачивай фильмы быстро

-Музыка

Blue System - Under My Skin

Слушали: 390 Комментарии: 0

Thomas Anders feat. Kamaliya

Слушали: 300 Комментарии: 0

modern_talking_-_youre_my_heart__youre_my_soul_alex_neo_remix

Слушали: 609 Комментарии: 1

Одинокий пастух

Слушали: 62994 Комментарии: 4

Sam Brown - Stop

Слушали: 31927 Комментарии: 0

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

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

-Статистика

Создан: 07.01.2009
Записей:
Комментариев:
Написано: 24971

Отчеты:
Посетители
Поисковые фразы

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

Пятница, 25 Сентября 2015 г. 21:50 + в цитатник

Цитата сообщения Шадрина_Галина

Прочитать целиком В свой цитатник или сообщество!

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

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

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

Тег 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" href="http://kapon.com.ua/" title="АДРЕС САЙТА">НАЗВАНИЕ САЙТА</a></marquee>

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

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

В начало ↑

Удачи в вашем творчестве.

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 9 - Простые, оригинальные рамочки разного цвета
Часть 10 - Бродилка по ОНЛАЙН - генераторам для создания Слайд-шоу.
Часть 11 - Все о бегущем тексте. Примеры и коды.

Рубрики:

советы

Метки: помощь
Понравилось: 5 пользователям

<a href="https://www.liveinternet.ru/users/irchav/post372691242/">Р’СЃРµ Рѕ Р±РµРіСѓС‰РµРј С‚РµРєСЃС‚Рµ. РџСЂРёРјРµСЂС‹ Рё РєРѕРґС‹</a><br/>Р’СЃРµ Рѕ Р±РµРіСѓС‰РµРј С‚РµРєСЃС‚Рµ. РџСЂРёРјРµСЂС‹ Рё РєРѕРґС‹.

РўР°РєРѕР№ СЌР»РµРјРµРЅС‚ РґРёР·Р°Р№РЅР° РїСЂРёРІР»РµРєР°РµС‚ РІРЅРёРјР°РЅРёРµ РїРѕСЃРµС‚РёС‚РµР»РµР№ РЅР° РЅСѓР¶РЅС‹Рµ СЂР°Р·РґРµР»С‹ СЃР°Р№С‚Р°, Р° С‚Р°РєР¶Рµ РјРѕР¶РµС‚ РІС‹РґРµР»РёС‚СЊ РѕРїСЂРµРґРµР»РµРЅРЅСѓСЋ РёРЅС„РѕСЂРјР°С†РёСЋ РЅР° РїРµСЂРµРґРЅРёР№ РїР»Р°РЅ, С‡С‚Рѕ РґР°СЃС‚ РІРѕР·РјРѕР¶РЅРѕСЃС‚СЊ РїРµСЂРІРѕРѕС‡РµСЂРµРґРЅРѕРіРѕ РїСЂРѕСЃРјРѕС‚СЂР° РЅСѓР¶РЅРѕР№ С‚РµРјС‹.
В« Рџ  Р›  РЇ  РЁ  РЈ Р© Р Р™  Рў  Р•   Рљ  РЎРўВ»

Р’РЎР•Рњ РџР РР’Р•Рў!Рё Р”РћР‘Р РћР• РЈРўР Рћ

РўРµРі marquee, Р·Р°РґР°СЋС‰РёР№ Р±РµРіСѓС‰СѓСЋ СЃС‚СЂРѕРєСѓ, РїСЂРёРґСѓРјР°РЅ РєРѕРіРґР°-С‚Рѕ РґР»СЏ Internet Exlorer Рё РґСЂСѓРіРёРµ Р±СЂР°СѓР·РµСЂС‹ РЅРµ РІСЃРµРіРґР° РєРѕСЂСЂРµРєС‚РЅРѕ РѕС‚РѕР±СЂР°Р¶Р°Р»Рё СЂР°Р±РѕС‚Сѓ СЂР°Р·Р»РёС‡РЅС‹С… РµРіРѕ Р°С‚СЂРёР±СѓС‚РѕРІ. РўРµРїРµСЂСЊ РѕРЅРё СЂР°Р±РѕС‚Р°СЋС‚ РїСЂР°РєС‚РёС‡РµСЃРєРё РІРѕ РІСЃРµС… Р±СЂР°СѓР·РµСЂР°С….

РџСЂРёРјРµСЂС‹ Р±РµРіСѓС‰РµРіРѕ С‚РµРєСЃС‚Р° СЃ РєРѕРґР°РјРё РІРЅРёР·Сѓ. РџСЂРѕСЃС‚Рѕ СЃС‚РёСЂР°РµС‚Рµ СЃР»РѕРІР° ... <a href="https://www.liveinternet.ru/users/irchav/post372691242/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>