-Рубрики

 -Приложения

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

 -Всегда под рукой

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

Поиск сообщений в планета111

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

 

 -Сообщества

Участник сообществ (Всего в списке: 4) РЫЖИЙ_КОНЬ Camelot_Club мастерская_Галереи Только_для_женщин
Читатель сообществ (Всего в списке: 4) СкАзОчНыЙ_мИр_КаРтИНоК WiseAdvice Мир_клипарта О_Самом_Интересном

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 05.12.2011
Записей: 2220
Комментариев: 4888
Написано: 11461


Как сделать бегущий текст на картинке, без всякого редактора

Вторник, 28 Октября 2014 г. 14:30 + в цитатник
Цитата сообщения Шадрина_Галина


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



Падают с ветки

Жёлтые монетки…

Под ногами целый клад!

Это осень золотая

Дарит листья

Не считая...

Золотые дарит листья


дарит листья Вам, и нам,

И всем подряд.


Сделать это не сложно, надо просто взять вот такую формулу. (Потяните за правый нижний уголочек, и формула вам откроется полностью.


Картинка здесь выступает ВМЕСТО ФОНА, поэтому на нее можно ставить все, что хотите, главное правильно поставить РАЗМЕР КАРТИНКИ.
Рассмотрим эту формулу более подробно. Выглядит она вот так.
РЈСЂРѕРє1 (587x139, 17Kb)

Теперь начинаем подставлять в нее свои значения.
Вместо слов АДРЕС КАРТИНКИ, поставляем адрес своей картинки (если с картинка с радикала, то код N1, если с ЯНДЕКС фото, то берете адрес там, а если картинка из интернета, то просто встаете мышкой на картинку, нажимаете правую кнопку мыши и выбираете КОПИРОВАТЬ АДРЕС КАРТИНКИ)

Вместо слов ВЫСОТА КАРТИНКИ, ШИРИНА КАРТИНКИ, подставляете размеры своей картинки в пикселях. (Размер картинки всегда можно взять в ее свойствах. Встаете на картинку мышкой, жмете правую кнопку, и выбираете ИНФОРМАЦИЯ ОБ ИЗОБРАЖЕНИИ)

Вместо слов ВЫСОТА ДВИЖЕНИЯ ТЕКСТА, ставите ВЫСОТУ КАРТИНКИ, или тот размер, на который вы хотите видеть бегущий текст.

Ну а вместо строчек вставляете свой текст. Лишние строчки можно просто стереть, или наоборот добавить новые, если требуется.

Теперь код нашей картинки выглядит вот так
РЈСЂРѕРє2 (588x257, 33Kb)
Где
height="530" - высота картинки НУЖНО МЕНЯТЬ НА СВОЮ.
width="500" - ширина картинки, НУЖНО МЕНЯТЬ НА СВОЮ.
marquee scrollamount="2" - Скорость прокрутки текста (МОЖНО МЕНЯТЬ)
height="500" - Высота движения текста. (можно по высоте картинки, можно меньше)
[br /] расстояние между строчками текста. Чем БОЛЬШЕ вы поставите [br /], между строчками, тем большее расстояние будет между ними, то есть строчки будут опускаться вниз. Обычно ставится одна или две.
Текст редактируется как обычно. Перед первой строчкой текста ставите цвет, размер и расположение текста.

Если убавить ВЫСОТУ ДВИЖЕНИЯ ТЕКСТА, то текст будет двигаться только по этой высоте (то есть не во всю картинку). И выглядеть это будет ВОТ ТАК.





Вода в стремительном потоке,

Мой завораживает взгляд.

Реки, живительные соки,

Бросает в бездну водопад.



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





Ох, понедельник…вот взял и пришёл,

Можно подумать его кто-то звал!

Кучу проблем за собою привёл,

Всех загрузил и работой достал!

ДОБРОЙ РАБОЧЕЙ НЕДЕЛИ ВСЕМ!



К тексту можно добавить небольшие картинки, если вы хотите как то его украсить, например создавая красивое приветствие или поздравление. Код картинки ставьте прямо перед текстом (тогда она будет вначале текста). Или в конце текста (картинка будет сразу за текстом) Выглядеть это будет ВОТ ТАК.







Приятного осеннего дня



Для новичков, кому трудно составить такой код, я его пропишу вот в этом окошечке.


Если вы хотите вставить только картинки (Т.е. просто картинки, или красивый текст, в виде картинки), то просто вместо строчек текста, ставьте HTML коды картинок. Выглядит это вот так.







Красивой вам ОСЕНИ



Выглядит в кодах это вот так
РЈСЂРѕРє3 (588x217, 34Kb)
Где красным выделен код первой картинки (вместо первой строчки)
Голубым - код второй картинки (вместо второй строчки)
Зеленым - код третьей картинки и +текст (вместо третьей строчки)

Вот и все. Успехов в вашем творчестве!



Серия сообщений "Уроки для блогов":

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 24 - Как быстро вставить в пост на ЛиРу картинку из Интернета
Часть 25 - Рамка для блога, имитирующая картину.
Часть 26 - Как сделать бегущий текст на картинке, без всякого редактора


Рубрики:  Уроки/бегущая строка, картинка
Метки:  
Понравилось: 3 пользователям

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку