OnLine-Letters.RU (онлайн генерация надписей КРАСИВЫМ ШРИФТОМ)

OnLine-Letters.RU онлайн генерация надписей КРАСИВЫМ ШРИФТОМ для ТЕХ,КОМУ ИНТЕРЕСНО...

Генераторы красивых шрифтов по алфавиту (очень много)

Анимированые Новогодние надписи на прозрачном фоне

Вот что понаделала)

 

Генератор радужного текста  Дневник* Mariea@mmg

Как отступить от края записи



ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

Как отступить от края записи

       Чтобы ваш текст начинался не с самого начала строки, поставьте перед нужным словом тег   - пробел - несколько раз.

Например, вот здесь, перед текстом, семь пробелов:
             ВАШ ТЕКСТ

А вот здесь - три...
   ВАШ ТЕКСТ

Второй вариант подсказала milstardama

Пользуемся другим тегом: <ul>ТЕКСТ</ul> , который тоже ставим впереди.

ВАШ ТЕКСТ

для вас Лариса Гурьянова

Красивый текст для блога

Используя возможности CSS можно работать с тенью текста, добиваясь удивительных результатов. Атрибут font-size отвечает за размер шрифта. Например: в font-size: 2em; вместо 2 подставляем любое другое значение. Если нужен курсив, то сам текст заключаем между "i" и "/i", меняя скобки " " на < >. Вот примеры и коды некоторых шрифтов: Текст будет таким А это его код: <p style="color: #fff; font-size: 1.9em; font-family:&amp#39;ChunkFiveRegular&#39;; margin: 20px auto; text-shadow: 0 1px 0 #ccc, 0 1px 0 #c9c9c9, 0 2px 0 #bbb, 0 3px 0 #b9b9b9, 0 4px 0 #aaa, 0 5px 1px rgba(0,0,0,.1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.2), 0 4px 8px rgba(0,0,0,.25), 0 8px 8px rgba(0,0,0,.2), 0 15px 15px rgba(0,0,0,.15);">Текст будет таким</p> Текст будет таким Его код: <p style="color: #006633; font-size: 1.9em; font-family:&amp#39;ChunkFiveRegular&#39;; margin: 20px auto; text-shadow: 0 1px 0 #ccc, 0 1px 0 #c9c9c9, 0 2px 0 #bbb, 0 3px 0 #b9b9b9, 0 4px 0 #aaa, 0 5px 1px rgba(0,0,0,.1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.2), 0 4px 8px rgba(0,0,0,.25), 0 8px 8px rgba(0,0,0,.2), 0 15px 15px rgba(0,0,0,.15);">Текст будет таким</p> Смотрим дальше

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

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

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

ТЕКСТ 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>

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

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



Удачи!

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

Обводка для текста

ОБВОДКА ДЛЯ ТЕКСТА
БЕЗ ФОТОШОПА

Кто-то в комментариях попросил меня рассказать как на пестром фоне сделать более видимым текст. Решила дать урок. Может кому-то пригодится.

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

Женщина остаётся Женщиной, Неважно, сколько ей лет, И сколько лет ей по паспорту, Замужем или нет. Она может быть молоденькой, И может быть средних лет, И дамой преклонного возраста, У Женщины возраста нет!

Женщина остаётся Женщиной, Неважно, сколько ей лет, И сколько лет ей по паспорту, Замужем или нет. Она может быть молоденькой, И может быть средних лет, И дамой преклонного возраста, У Женщины возраста нет!

Если надо вставить текст в рамку.
Копируем в окошечке код.

<span style="text-shadow: #000000 1px 0px, #000000 1px 1px, #000000 0px 1px, #000000 -1px 1px, #000000 -1px 0px, #000000 -1px -1px, #000000 0px -1px, #000000 1px -1px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px;">Здесь будет Ваш текст</span>

Код будет выглядеть вот так (см. фото А)



Код дан с обводкой черного цвета. Код цвета обводки выделен красной рамочкой. Вместо цифр 000000 вставляете код(6 знаков) нужного вам цвета. Вместо слов "Здесь будет Ваш текст" вставляете свой текст, всё копируете и вставляете в рамочку.

Если надо вставить текст без рамки.
Копируем в окошечке код.

<span style="text-shadow: #000000 1px 0px, #000000 1px 1px, #000000 0px 1px, #000000 -1px 1px, #000000 -1px 0px, #000000 -1px -1px, #000000 0px -1px, #000000 1px -1px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px; font-size: 17px; color: #fffe9f;">Здесь будет Ваш текст</span>

Код будет выглядеть вот так (см. фото Б)



В код добавился параметр размера (синяя рамочка) и цвета (зеленая рамочка) шрифта. Их нужно заменить на свои.

Вот и всё! Удачи!

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

Фильтруем (подходит для браузера Internet Explorer)

Если нет - посмотрите другой вариант фильтров тут

Сегодня я расскажу о фильтрах. Их можно писать в рамках тегов div или p. Эти фильтры используются вместе с набором аттрибутов размера текста, иначе их не видно. Вот обязательные аттрибуты, которые можно изменить при желании: div style="FILTER: НАЗВАНИЕ ФИЛЬТРА; width: ШИРИНА ТЕКСТА НАПР.700px; height: ВЫСОТА ТЕКСТА НАПР.25px; FONT-FAMILY: ШРИФТ НАПР.georgia;TEXT-ALIGN: ПОЛОЖЕНИЕ ТЕКСТА НАПР,ПО ЦЕНТРУ center; FONT-WEIGHT: normal; FONT-SIZE: РАЗМЕР ШРИФТА НАПР.25px;">Ваш Текст и КАРТИНКА-ОБРАЗЕЦ НАПР. . Далее я вам покажу только смену фильтра без других аттрибутов (шрифта, выравнивания и т.д.). Сначала идут легкие фильтры: 1. flipH Поворачивает объект горизонтально Ваш Текст <div style="FILTER: flipH; width: 700px; height: 25px; FONT-FAMILY: georgia;TEXT-ALIGN: center; FONT-WEIGHT: normal; FONT-SIZE: 25px;">ВАШ ТЕКСТ</div>

Нажми сюда :)

Фильтруем (убедитесь, что ваш браузер видит тени букв)

Тени для рамки: http://www.liveinternet.ru/users/ka82/post359359419/

Другой вид для фильтров: тут Ваш текст <p style="color: #00008B; font-family: Times New Roman;#39;,serif; font-size: 2.2em; margin: 0 auto; text-shadow: 1px 1px 0px #EEE, 1px 1px 0px #707070;">Ваш текст</p> Ваш текст <span style="font-size:28px;"><span style="font-weight: normal; text-align: center; color: white; font-family: monotype corsiva,serif; line-height: 150%; text-shadow: 1px 2px 11px rgb(51, 51, 51), 2px 1px 1px rgb(0, 0, 0);">Ваш текст</span></span> Ваш текст <em><strong><span style="font-weight: normal;color: #1984ff; font-family: Century Gothic, serif; font-size: 25px; line-height: 140%; text-shadow: 3px 2px 11px #000000, 2px 1px 1px #000000; column-count: 2; column-width: 0px;"><div style="text-align: ; padding: 00px 00px 00px 00px;">ВАШ ТЕКСТ</div></span></strong></em> Ваш текст <div style="background-image: url('//img1.liveinternet.ru/images/attach/c/0/121/488/121488183_rig.jpg'); color: #fff; font-size: 1.9em; font-family:&amp#39;ChunkFiveRegular&#39;; margin: 20px auto; text-shadow: 0 1px 0 #ccc, 0 1px 0 #c9c9c9, 0 2px 0 #bbb, 0 3px 0 #b9b9b9, 0 4px 0 #aaa, 0 5px 1px rgba(0,0,0,.1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.2), 0 4px 8px rgba(0,0,0,.25), 0 8px 8px rgba(0,0,0,.2), 0 15px 15px rgba(0,0,0,.15);">Ваш текст</div> Некоторые параметры для замены: family - это шрифт (выбираем тут >>>) color - цвет самих букв, shadow - тень от букв. Цвета выбираем тут >>> или тут >>> size - размер (чем цифры больше, тем он больше и наоборот) Экспериментируйте с числами - поменяется размер тени, букв, и т.д.

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

Шрифты, кнопки и прочее оформление

Часть 1 - Оформление днева (разные сайты и генераторы)
Часть 2 - Дизайн сообщений днева с принтскрином
...
Часть 30 - Ctrl как горячая клавиша
Часть 31 - Символы (просто скопируйте что надо)
Часть 32 - Фильтруем (убедитесь, что ваш браузер видит тени букв)
Часть 33 - Тень у рамки

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

Межстрочный интервал равен 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-family: Georgia;">Здесь будет ваш текст</p>

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

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

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

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

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

Красивый текст для блога

Используя возможности CSS можно работать с тенью текста, добиваясь удивительных результатов. Атрибут font-size отвечает за размер шрифта. Например: в font-size: 2em; вместо 2 подставляем любое другое значение. Если нужен курсив, то сам текст заключаем между "i" и "/i", меняя скобки " " на < >. Вот примеры и коды некоторых шрифтов: Текст будет таким А это его код: <p style="color: #fff; font-size: 1.9em; font-family:&amp#39;ChunkFiveRegular&#39;; margin: 20px auto; text-shadow: 0 1px 0 #ccc, 0 1px 0 #c9c9c9, 0 2px 0 #bbb, 0 3px 0 #b9b9b9, 0 4px 0 #aaa, 0 5px 1px rgba(0,0,0,.1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.2), 0 4px 8px rgba(0,0,0,.25), 0 8px 8px rgba(0,0,0,.2), 0 15px 15px rgba(0,0,0,.15);">Текст будет таким</p> Текст будет таким Его код: <p style="color: #006633; font-size: 1.9em; font-family:&amp#39;ChunkFiveRegular&#39;; margin: 20px auto; text-shadow: 0 1px 0 #ccc, 0 1px 0 #c9c9c9, 0 2px 0 #bbb, 0 3px 0 #b9b9b9, 0 4px 0 #aaa, 0 5px 1px rgba(0,0,0,.1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.2), 0 4px 8px rgba(0,0,0,.25), 0 8px 8px rgba(0,0,0,.2), 0 15px 15px rgba(0,0,0,.15);">Текст будет таким</p> Смотрим дальше

Мини Генератор html кода для текста

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

 

Замечательный и очень простой генератор красивых надписей

Замечательный и очень простой генератор красивых надписей. Можно написать вот такой красивый крутящийся текст......

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

Часть 1 - Генератор радужного текста
Часть 2 - Как легко и просто подписать любую картинку анимированным текстом.
...
Часть 15 - Очень интересный и необычный генератор текста
Часть 16 - Зажги свой текст
Часть 17 - Замечательный и очень простой генератор красивых надписей

Красивая надпись на сайте. Подписать картинку

 

Сайт здесь

Алфавит в PNG разный

Нашла на Яндекс фотках вот такие симпатичные алфавиты, которые можно вставлять в свои посты или делать коллажи. Спасибо автору.Включайте слайдшоу, выбирайте и кликнув по картинке, попадёте в альбом на Яндексе. Читать далее

пост составила

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

Часть 1 - ОБУВЬ РАЗНАЯ (клипарт)
Часть 2 - НАУШНИКИ (клипарт)
...
Часть 46 - Клипарты осенние
Часть 47 - Козочки и барашки на выбор
Часть 48 - Алфавит в PNG разный

Онлайн HTML - редактор

 

Оформление_Glitterfy_photo_words_text... etc...

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

В этом уроке я покажу как сделать бегущий текст на картинке, не прибегая ни к каким редакторам! Выглядит это вот так. Падают с ветки Жёлтые монетки… Под ногами целый клад! Это осень золотая Дарит листья Не считая... Золотые дарит листья дарит листья Вам, и нам, И всем подряд.

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

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

Красивые надписи МЕСЯЦЫ ГОДА. на прозрачном фоне.

Красивые надписи МЕСЯЦЫ ГОДА. на прозрачном фоне. Щелкните по нужному ИЗОБРАЖЕНИЮ мышкой, и оно вам откроется в оригинальном размере.Как по новому взять картинку с альбомов на Яндекс.Фотках СМОТРИМ ЗДЕСЬ

Серия сообщений "Красивые надписи":

Часть 1 - Красивые надписи ОСЕНЬ
Часть 2 - Красивые надписи "ДОБРО ПОЖАЛОВАТЬ"
Часть 3 - Красивые надписи 2014
Часть 4 - Красивые надписи МЕСЯЦЫ ГОДА. на прозрачном фоне.