Онлайн генерация надписей красивым шрифтом



Зайдите по ссылке на сайт.


Нажмите на клавишу: Далее


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


Ваш текст готов.
Возьмите из рамки HTML код и поставьте его на свою страницу.





Спасибо за ваши комментарии!

Серия сообщений "фотогенераторы ":

Часть 1 - Создаём свои Валентинки к Дню Святого Валентина.
Часть 2 - Генератор любовных писем.
...
Часть 19 - Генератор анимированного текста для оформления дневника.
Часть 20 - Сервис для создания календарей с любыми картинками, фотографиями и надписями. Календари на 2015 год.
Часть 21 - Онлайн генерация надписей красивым шрифтом для оформления дневника.
Часть 22 - Сегодня День Рождения Деда Мороза. Фото эффекты вашей фотографии с Дедом Морозом и множество других фото эффектов.
Часть 23 - Стань кандидатом: блиц-игра.

Увидала в цитате примеры простых рамочек с каким-то диким, совершенно неудобоваримым кодом, да ещё и внизу рамочки ссылка на "дизайнера" (?!! )
Не будем называть имён )
А между тем, всё намного проще и рамочку можно склепать за одну минуту, пользуясь очень простым кодом!

ВАШ ТЕКСТ Рамочка раздвигается сама по ширине текста

РАМОЧКА С ЗАДАННОЙ ШИРИНОЙ (по вертикали она сама раздвинется)

В эти же рамочки можете вставлять картинки, плеер, видео.

_для тех, кто хочет научиться_
_коды, о шрифтах_

Ещё "Простые рамочки" ТУТ

КАК КРАСИВО ПОДПИСАТЬ КАРТИНКУ БЕЗ ФШ. УРОК 1.

Замечательный сайт с огромным выбором шрифтов ПИШЕМ КРАСИВО

Замечательный сайт с огромным выбором шрифтов ПИШЕМ КРАСИВО. Заходим по ссылочке, выбираем понравившийся шрифт и кликнув на кружок слева от него, ниже пишем текст, выбираем размер и цвет.

Серия сообщений "Генераторы текста":

Часть 1 - Генератор радужного текста
Часть 2 - Как легко и просто подписать любую картинку анимированным текстом.
...
Часть 19 - Генератор надписи на табличках.
Часть 20 - Анимированные алфавиты, шрифты, буквы, цифры ...
Часть 21 - Замечательный сайт с огромным выбором шрифтов ПИШЕМ КРАСИВО
Часть 22 - FlamingText.com - сайт дизайна бесплатных логотипов.

Красивые анимированные буквы для использования в качестве текста в веб-сайтах, электронной почте, блогах ...коментариях и прочего. Теперь вы сами можете заставить любую фигурку написать текст, который вам нужен. Русского шрифта я , увы, не нашла. Но красиво написать заголовок, свое имя и прочее можно и английским шрифтом. Писать легко и быстро.

Серия сообщений "Генераторы текста":

Часть 1 - Генератор радужного текста
Часть 2 - Как легко и просто подписать любую картинку анимированным текстом.
...
Часть 18 - Онлайн генератор красивых надписей
Часть 19 - Генератор надписи на табличках.
Часть 20 - Анимированные алфавиты, шрифты, буквы, цифры ...
Часть 21 - Замечательный сайт с огромным выбором шрифтов ПИШЕМ КРАСИВО
Часть 22 - FlamingText.com - сайт дизайна бесплатных логотипов.

Огненный текст
без фотошопа

Сегодня я расскажу, как сделать эффект огня на буквах. Это очень легко. Выбираете нужное "пламя" в рамке ниже. Копируете код из окошечка и вставляете вместо моих слов "Здесь будет Ваш текст" свой текст. Если захотите оформить таким огненным текстом стихи, то оставляйте между строк расстояние. Лучше всего такой текст смотрится на темных фонах. На светлом яркость теряется.

ТЕКСТ 1 <div style="font-size: 20px;color:#000000;font-family: Verdana;text-shadow: rgb(255, 255, 0) 0px -1px 2px, rgb(255, 204, 0) -1px -3px 3px, rgb(255, 153, 0) -1px -5px 4px, rgb(255, 102, 0) -1px -7px 5px, rgb(255, 51, 0) 0px -9px 6px, rgb(255, 0, 0) 4px -11px 7px; ">Здесь будет Ваш текст</div> ТЕКСТ 3 <div style="font-size: 20px;color: #fff799; font-family: Verdana; margin: 10px auto; padding: 70px 0pt 0pt; text-shadow: 0pt 0pt 10px rgb(254, 252, 201), 5px -5px 15px rgb(255, 255, 0), -10px -10px 20px rgb(255, 174, 52), 10px -20px 25px rgb(236, 118, 12), -10px -30px 30px rgb(205, 70, 6), 0pt -40px 35px rgb(151, 55, 22), 5px -45px 40px rgb(69, 27, 14); text-transform: uppercase;">Здесь будет Ваш текст</div> ТЕКСТ 2 <div style="font-size: 20px;color:#3f2305;font-family: Verdana;text-shadow: rgb(255, 255, 0) 0px -2px 4px, rgb(255, 204, 0) -2px -6px 6px, rgb(255, 153, 0) -2px -10px 8px, rgb(255, 102, 0) -2px -14px 10px, rgb(255, 51, 0) 0px -18px 12px, rgb(255, 0, 0) 2px -22px 14px; ">Здесь будет Ваш текст</div> ТЕКСТ 4 <div style="font-size: 20px;color: #ffcc66; font-family: Verdana; margin: 10px auto; padding: 70px 0pt 0pt; text-shadow: 0pt 0pt 20px rgb(254, 252, 201), 10px -10px 30px rgb(254, 236, 133), -20px -20px 40px rgb(255, 174, 52), 20px -40px 50px rgb(236, 118, 12), -20px -60px 60px rgb(205, 70, 6), 0pt -80px 70px rgb(151, 55, 22), 10px -90px 80px rgb(69, 27, 14); text-transform: uppercase;">Здесь будет Ваш текст</div>

Из блога Егоровой Татьяны

На фото ниже выделены параметры, которые можно менять в коде.



Удачи!

еще разные уроки

КАК ИЗМЕНИТЬ РАЗМЕР И ЦВЕТ ШРИФТА В СХЕМАХ

 

Столкнулась с проблемой многих пользователей: не знают, как изменить размер и цвет шрифта. А в комментариях я уже устала это рассказывать, поэтому делаю небольшой постик.

Мне часто пишут, что видят очень красивые схемы, но не берут их по той причине, что или очень мелкий шрифт (ничего не видно), или наоборот - очень крупный, яркий и бьет по глазам. Дорогие мои, меняйте размер и цвет шрифта на своё усмотрение и берите схемки, которые вам понравились!!!

Итак, начнем:

Под аватаркой есть слово НАСТРОЙКИ, нажимаем на него.

Откроются НОВЫЕ НАСТРОЙКИ, но я вам расскажу по старым - там легче.

Жмём:

Интервалы в тексте
 

Межстрочный интервал равен 2. То есть расстояние от строчки до строчки в 2 раза больше размера шрифта. Увеличивать и уменьшать интервал можно прибавляя, либо отнимая по одной десятой. Пример: 1.7, 1.8, 1.9, 2, 2.1, 2.2, 2.3 и т. д.

<p style="line-height: 2; color: #006633; font-size: 1.2em; font face: Georgia;">Здесь будет ваш текст</p>

Расстояние между словами составляет 15 пикселей.

<p style="word-spacing: 15px; color: #800080; font-size: 1.2em; font face: Georgia;">Здесь будет ваш текст</p>

Интервал между буквами равен 8 пикселям.

<p style="letter-spacing: 8px; color: #0000FF; font-size: 1.2em; font face: Georgia;">Здесь будет ваш текст</p>

Смотрим дальше