Серия сообщений "Генераторы цвета и текста":
Часть 1 - Пишем красиво. Сайт для создания красивых надписей - логотипов.
Часть 2 - МЕНЯЕМ ЦВЕТ ТЕКСТА В РАМОЧКЕ
Часть 3 - Генераторы кодов цвета
Часть 4 - Палитра — коды цветов html
Часть 5 - *Теги работающие на ЛиРу
Часть 6 - Пишем красиво онлайн
Часть 7 - Жирный шрифт, курсив, малые прописные буквы
Часть 8 - Красивый текст в BluffTitler
Часть 9 - Пишем заголовки с любимыми фигурками

Выбрана рубрика Генераторы цвета и текста.

Соседние рубрики: Фоны(53), Схемки (45), Рамочки с картинками от друзей(19), рамочки моих друзей(33), рамочки для видио(8), рамочки(44), Клипарт(47), Информеры (24), все для блога(48)

Другие рубрики в этом дневнике: БУДНИ....(49), =ЧИТАЛЬНЫЙ ЗАЛ =(339), =ИЗОБРАЗИТЕЛЬНОЕ ИСКУССТВО =(251), =ГОРОДА И СТРАНЫ = (225), = ШАБЛОНЫ =(315), = ТУМАННЫЙ АЛЬБИОН & СКАНДИНАВИЯ =(112), = ПРИРОДА =(413), = ПОЛЕЗНЫЕ СОВЕТЫ = (123), = ПИТЕР =(226), = МУЗЫКА & ВИДЕО =(190), = МИМОХОДОМ..(18+) =(29), = КУХНЯ=(71), = ЗАМКИ , КРЕПОСТИ, ДВОРЦЫ = (270), = ЖЗЛ =(132), = ЕРАЛАШ =(137), = ВОКРУГ СВЕТА =(114), = АРХИТЕКТУРА =(224), = АРТЕФАКТЫ =(127), = А ЗНАЕТЕ ЛИ ВЫ ЧТО...? =(380), = МИФЫ И ЛЕГЕНДЫ =(157), (0)

Комментарии (0)

Пишем красиво. Сайт для создания красивых надписей - логотипов.

Среда, 09 Июля 2014 г. 12:42 + в цитатник
Это цитата сообщения griwunjka [Прочитать целиком + В свой цитатник или сообщество!]

Анимированные логотипы Трёхмерные логотипы

Бизнес логотипы Цветные логотипы

Украшенные логотипы Логотипы с эффектами

Читать далее...

Комментарии (0)

Пишем красиво онлайн

Дневник

Четверг, 07 Мая 2015 г. 17:25 + в цитатник

http://www.liveinternet.ru/users/ircavoronina/post202169662/

Пишем красиво онлайн. Заходим на ссылки, или жмем на надпись.Выбираем шрифт и нажимаем на кружок слева от него, ниже пишем текст, выбираем размер и цвет. Выбираем нужную ссылку для вставки в блог, или сохраняем на компьютер!
predmeti_125 (453x97, 41Kb)

Надписи (Шрифты)

Рукописные шрифты

Готический шрифт

Граффити шрифт

Пиксельные шрифты

Иероглиф

Valentin Fonts

Fonts 1

Fonts 2

Старо-Русские шрифты

Русский шрифт

Глиттер (Glitter) Надпись

Комментарии (0)

<a href="https://www.liveinternet.ru/users/gobo/post398603281/">Р–РёСЂРЅС‹Р№ С€СЂРёС„С‚, РєСѓСЂСЃРёРІ, РјР°Р»С‹Рµ РїСЂРѕРїРёСЃРЅС‹Рµ Р±СѓРєРІС‹</a><br/>

Р–РёСЂРЅС‹Р№ С€СЂРёС„С‚, РєСѓСЂСЃРёРІ, РјР°Р»С‹Рµ РїСЂРѕРїРёСЃРЅС‹Рµ Р±СѓРєРІС‹, 
"РїР»Р°РІР°СЋС‰РёР№" С‚РµРєСЃС‚, СЂР°РјРѕС‡РєРё

Р–РёСЂРЅРѕСЃС‚СЊ С€СЂРёС„С‚Р° РѕРїСЂРµРґРµР»СЏРµС‚СЃСЏ РїСЂРё РїРѕРјРѕС‰Рё Р°С‚СЂРёР±СѓС‚Р° CSS font-weight, РєРѕС‚РѕСЂС‹Р№ РјРѕР¶РµС‚ РїСЂРёРЅРёРјР°С‚СЊ СЃР»РµРґСѓСЋС‰РёРµ Р·РЅР°С‡РµРЅРёСЏ:

lighter - СЃРІРµС‚Р»РµРµ
normal - РѕР±С‹С‡РЅС‹Р№
bold - Р¶РёСЂРЅС‹Р№
bolder - Р±РѕР»РµРµ Р¶РёСЂРЅС‹Р№

РЅР°РїСЂРёРјРµСЂ:
 РўРµРєСЃС‚  РўРµРєСЃС‚

100..900 - 100 СЃРѕРѕС‚РІРµС‚СЃС‚РІСѓРµС‚ СЃР°РјРѕРјСѓ С‚РѕРЅРєРѕРјСѓ С€СЂРёС„С‚Сѓ; 900 - СЃР°РјРѕРјСѓ С‚РѕР»СЃС‚РѕРјСѓ

РЅР°РїСЂРёРјРµСЂ:
РўРµРєСЃС‚  РўРµРєСЃС‚

РђС‚СЂРёР±СѓС‚ font-style (РЅР°С‡РµСЂС‚Р°РЅРёРµ С€СЂРёС„С‚Р°) СЃР»СѓР¶РёС‚ РґР»СЏ РЅР°РїРёСЃР°РЅРёСЏ РєСѓСЂСЃРёРІРѕРј Рё РјРѕР¶РµС‚ РїСЂРёРЅРёРјР°С‚СЊ СЃР»РµРґСѓСЋС‰РёРµ Р·РЅР°С‡РµРЅРёСЏ:

italic - РєСѓСЂСЃРёРІ, РєСЂР°СЏ С‚РµРєСЃС‚Р° СЃРєСЂСѓРіР»РµРЅС‹
normal - РѕР±С‹С‡РЅС‹Р№
oblique - РєСѓСЂСЃРёРІ
... <a href="https://www.liveinternet.ru/users/gobo/post398603281/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Жирный шрифт, курсив, малые прописные буквы

Дневник

Среда, 21 Сентября 2016 г. 17:48 + в цитатник

Жирный шрифт, курсив, малые прописные буквы,
"плавающий" текст, рамочки

Жирность шрифта определяется при помощи атрибута CSS font-weight, который может принимать следующие значения:

lighter - светлее
normal - обычный
bold - жирный
bolder - более жирный

например:

Текст
<span style="font-weight:bold"> Текст</span>

100..900 - 100 соответствует самому тонкому шрифту; 900 - самому толстому

например:

Текст
<span style="font-weight:900;">Текст </span>

Атрибут font-style (начертание шрифта) служит для написания курсивом и может принимать следующие значения:

italic - курсив, края текста скруглены
normal - обычный
oblique - курсив

например:

Текст
<span style="font-style:italic; font-variant:small-caps">Текст</span>
Текст
<span style="font-style:normal; font-variant:small-caps">Текст</span>
Текст
<span style="font-style:oblique; font-variant:small-caps">Текст</span>

Атрибут font-variant (разновидность шрифта) служит для написания малыми прописными буквами и может принимать следующие значения:

normal - обычный
smaoo-caps - малые прописные

например:

Текст
<span style="font-style:italic; font-variant:normal">Текст</span>
Текст
<span style="font-style:oblique; font-variant:smaoo-caps">Текст</span>

Наряду с жирным, курсивом и малыми прописными существует еще несколько популярных видов начертания: подчеркивание и маркировка.

Атрибут text-decoration (украшение текста) служит для подчеркивания текста и может принимать следующие значения:

blink - мерцающий текст (не поддерживается IE)
line-through - перечеркнутый текст
none - без изменений
overline - линия над текстом
underline - подчеркнутый текст

например:

Текст
<span style="text-decoration:line-through; text-transform:uppercase">Текст</span>
Текст
<span style="text-decoration:none; text-transform:uppercase">Текст</span>
Текст
<span style="text-decoration:overline; text-transform:uppercase">Текст</span>
Текст
<span style="text-decoration:underline; text-transform:uppercase">Текст</span>

Атрибут text-transform (преобразование текста) служит для работы с малыми прописными буквами и может принимать следующие значения:

capitalize - все слова начинаются с прописной буквы
lowercase - весь текст пишется строчными буквами
none - без изменений
uppercase - весь текст пишется прописными буквами

например:

Текст <span style="text-decoration:none; text-transform:capitalize">Текст</span>
Текст
<span style="text-decoration:blink; text-transform:lowercase">Текст</span>

Как делать стили для текста

ЕЩЕ:

ЖИРНЫЙ
<span style="font-weight:bold">ЖИРНЫЙ</span>
Курсив
<span style="font-style:italic; font-variant:small-caps">Курсив</span>
Подчеркнутый
<span style="text-decoration:underline; text-transform:uppercase">Подчеркнутый</span>
Текст жирный шрифт
<span style="font-family: Tahoma; font-weight: 400;">Текст <b>жирный шрифт</b></span>
не жирный Жирный
<span style="font-family: Tahoma;">не жирный <b>Жирный</b></span>
ТЕКСТ
<span style="font-family:Verdana;color:#353C45;font-size:РАЗМЕР ШРИФТАpx">ТЕКСТ</span>

+++++++++++++++++++++++++++++++++++++++

Можно искусственно сделать сам заголовок не жирным, а только часто жирным шрифтом

Заголовок с жирным текстом

текст

<h1><b>текст</b></h1> <b></b>

текст

<h5><b>текст</b></h5> <b> </b>

++++++++++++++++++++++++++++++++++++++++++++
изменение вида шрифта

ВАШ ТЕКСТ
<span style="color:darkorange;text-decoration:underline;"><span style="color:brown">ВАШ ТЕКСТ</span></span>

ВАШ ТЕКСТ
<span style="border:1px solid darkgray;"><span style="color:DarkViolet;">ВАШ ТЕКСТ</span></span>

ТЕКСТ ВАШ ТЕКСТ
<span style="font-size: 100px;"><font face="Monotype Corsiva"><font color="#0000FF">ТЕКСТ”</font></font></span> ВАШ ТЕКСТ

ТЕКСТВАШ ТЕКСТ
<span style="font-size: 100px;"><font face="Comic Sans MS"><font color="#FF0000">ТЕКСТ</font></font></span>ВАШ ТЕКСТ

текст
<span style="font-size:20px;"><font face="Comic Sans MS">текст</font></span>

текст мелкий текст
<small> текст мелкий </small> текст

текст
<span style="cursor:crosshair">***ВАШ ТЕКСТ***</span>

ВАШ ТЕКСТ
<font color="red" size="5">***ВАШ ТЕКСТ***</font>

http://verano.ucoz.ru/HTML.html

++++++++++++++++++++++++++++++++++++++
Плавающий текст

Влево,
<marquee>Влево</marquee>
вправо
<marquee style="HEIGHT: 50px" direction="right">вправо, </marquee>
вверх
<marquee style="HEIGHT: 50px" direction="up">вверх</marquee>
вниз
<marquee style="HEIGHT: 50px" direction="down">вниз</marquee>
влево
<marquee style="WIDTH: 200px" direction="left">влево</marquee>
вправо
<marquee style="WIDTH: 200px" direction="right">вправо</marquee>
дрожащий
<marquee style="WIDTH: 200px" behavior="alternate">дрожащий</marquee>

__________________________________________________

Плавающая картинка:

<marquee>ФОТО,КАРТИНКА,ТЕКСТ</marquee>

кнопочка перехода по ссылке:

<a target="_blank" title="https://vk.com/tais66" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=https://vk.com/tais66"><img src="//img1.liveinternet.ru/images/attach/d/1/131/595/131595823_704530356.gif" width="170" height="175" alt="813090969 (170x175, 12Kb)" /></a>

<a target="_blank" title="https://vk.com/tais66" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=https://сайт, страница"><img src="картинка" /></a>

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=1.html" target="_blank"><img src="//img1.liveinternet.ru/images/attach/d/1/131/595/131595821_846510944.gif" border="0" /></a><br />

текст между двух картинок

"***ВАШ ТЕКСТ******ВАШ ТЕКСТ******ВАШ ТЕКСТ******ВАШ ТЕКСТ***"

<image align="LEFT" valign="MIDDLE" src="картинка" alt="№1"><image align="RIGHT" valign="MIDDLE" src="картинка" alt="№2"><br /> "***ВАШ ТЕКСТ***" </image></image>

__________________________________
черта

1.

<hr />

2.

<hr size="3" color="#FF0000" />

3.

<hr size="6" color="#00B344" />

4.

<hr color="red" width="50%" size="9" style="border: dotted 5pt; border-color: red " />

5.

<hr color="black" width="50%" size="5" style="border: dashed 5pt; border-color: Forestgreen " />

6.

<hr color="blue" width="50%" size="7" style="border: dotted 5pt; border-color: red " />

можно все менять :

+++++++++++++++++++++++++++++++

рамочки:

++++1++++

***ВАШ ТЕКСТ***

<blockquote style="border:3px #00B344 dashed; padding: 15px; margin:0px 0px 0px 0px;">***ВАШ ТЕКСТ***</blockquote>

++++2++++

***ВАШ ТЕКСТ***

<blockquote style="background-color: #FFE4B5; border:3px #BC8F8F solid; padding: 10px; margin:0px 0px 0px 0px;">***ВАШ ТЕКСТ***</blockquote>

++++3++++

***ВАШ ТЕКСТ***

<blockquote style="border:3px #DA70D6 solid; padding: 5px; margin:0px 0px 0px 0px;">***ВАШ ТЕКСТ***</blockquote> КОД ДЛЯ ВСТАВКИ

++++4++++

***ВАШ ТЕКСТ***

<blockquote style="background-color: #E0FFFF; border:3px #87CEEB solid; padding: 15px; margin:0px 0px 0px 0px;"><img src="pp.gif" border="0" />***ВАШ ТЕКСТ***</blockquote>

++++5++++

Ваш текст

<br /> <blockquote style="BORDER-LEFT: #0000FF 6px solid; padding: 15px; BORDER-TOP: #ff6600 6px solid; padding: 15px; BORDER-BOTTOM: #00B366 6px solid; padding: 15px;BORDER-RIGHT: #FF0000 6px solid" 15px="15px"><br /> <br /> <table style="border:0px none #000000;background-image:url(//img1.liveinternet.ru/images/attach/d/0/138/327/138327515_0_dac57_e07c6421_orig.jpg)" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><font face="Times New Roman" color="#1919B3" style="font-size:24px"><br /> Ваш текст<br /> <br /> </font></td></tr></table><br /> <br /> </blockquote>

++++6++++

<button title="картинка"><table border="5"><tbody><tr><td><center><font color="#BA55D3" size="4">***ВАШ ТЕКСТ***</font></center></td></tr></tbody></table></button>

__________________________________________

<form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img1.liveinternet.ru/images/attach/d/1/131/595/131595819_67719583.gif" target="_blank" method="get"><input type="submit" value=".......***ВАШ ТЕКСТ***..............." /><input type=hidden name=tok value=70e876cc85db681adec7500bca8aa4cc /></form>

____________________________________________

++++++++++++++++++++++

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

ССЫЛКА

<div align="center"><br /> <br /> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/journal_proc.php?action=redirect&url=адрес ссылки" target="_blank"> <img src="URL адрес картинки" border="0" /></a> <br /> </div>

Вместо слов АДРЕС ССЫЛКИ, подставите адрес сайта, куда поведет ваша ссылка. Вместо слов URL АДРЕС КАРТИНКИ, ставите адрес вашей кнопочки. ЭТО КОД РАДИКАЛА №1, или с альбомов ЯНДЕКС ФОТО выбираете АДРЕС КАРТИНКИ. Если кнопочка ваша на прозрачном фоне, то не забывайте снять ВСЕ галочки на радикале.
Успехов в вашем творчестве. Фантазируйте, пробуйте смелее, и у вас все получится.

================================================

красивый курсор

<div align="center"><br /> <font style="cursor:URL('//img1.liveinternet.ru/images/attach/c/9/106/872/106872757_1_KURSOR.png'),auto;"><br /> </font></div>

<div align="center"><br /> <font style="cursor:URL('ВАША КАРТИНКА'),auto;"><br /> <br /> </font></div>

===================================================

шаблоны окошек

ТЕКСТ
КОД ДЛЯ ВСТАВКИ

<div align="center"><textarea name="textpole" rows="1" cols="20"> КОД ДЛЯ ВСТАВКИ

++++++++++++++++++++++++++++++++++++

Список шрифтов для использования в HTML-коде | HD Systems Worldwide

http://www.hdsw.ru/?p=21&_utl_t=li
______________________________

Gobo

Комментарии (0)

Красивый текст в BluffTitler

Пятница, 17 Февраля 2017 г. 18:50 + в цитатник
Это цитата сообщения Танюша_К_ [Прочитать целиком + В свой цитатник или сообщество!]

Красивый текст в BluffTitler

материал к уроку

см далее - урок

Комментарии (0)

<a href="https://www.liveinternet.ru/users/gobo/post429613910/">РџРёС€РµРј Р·Р°РіРѕР»РѕРІРєРё СЃ Р»СЋР±РёРјС‹РјРё С„РёРіСѓСЂРєР°РјРё</a><br/>
РќР°РїРёСЃР°С‚СЊ РєСЂР°СЃРёРІРѕ Р·Р°РіРѕР»РѕРІРѕРє, РїРѕР·РґСЂР°РІР»РµРЅРёРµ,РёР»Рё РїРѕРґРїРёСЃР°С‚СЊ РїРѕСЃС‚ РІРѕС‚ С‚Р°РєРёРјРё С„РёРіСѓСЂРєР°РјРё, РёР»Рё Р»СЋР±С‹РјРё РґСЂСѓРіРёРјРё, С‚РµРїРµСЂСЊ РјРѕР¶РЅРѕ Р»РµРіРєРѕ Рё Р±С‹СЃС‚СЂРѕ РІСЃРµРіРѕ РІ С‚СЂРё С€Р°РіР°.

[more=]

Рђ С‚РµРїРµСЂСЊ РѕР±Рѕ РІСЃРµРј РЅРµРјРЅРѕРіРѕ РїРѕРґСЂРѕР±РЅРµРµ.

РРґРµРј РЅР° СЃР°Р№С‚ gif-mania.net

РџСЂРё РѕС‚РєСЂС‹С‚РёРё СЃР°Р№С‚Р° РѕС‚РєСЂС‹РІР°СЋС‚СЃСЏ РЅРµСЃРєРѕР»СЊРєРѕ РѕРєРѕС€РµС‡РµРє, РІ РєРѕС‚РѕСЂС‹С… РјС‹ Рё Р±СѓРґРµРј СЃРѕР·РґР°РІР°С‚СЊ СЃРІРѕР№ Р·Р°РіРѕР»РѕРІРѕРє.

Р’ СЃР°РјРѕРј РїРµСЂРІРѕРј РѕРєРѕС€РµС‡РєРµ РїРёС€РµРј СЃРІРѕР№ С‚РµРєСЃС‚.

РќР°РїРёСЃР°Р»Рё СЃРІРѕР№ С‚РµРєСЃС‚, С‚РµРїРµСЂСЊ С‰РµР»РєР°РµРј РјС‹С€РєРѕР№ РїРѕ РІС‚РѕСЂРѕРјСѓ РѕРєРѕС€РµС‡РєСѓ, Рё РІС‹Р±РёСЂР°РµРј С€СЂРёС„С‚. РЁСЂРёС„С‚РѕРІ, РїРѕРґРґРµСЂР¶РёРІР°СЋС‰РёС… РєРёСЂРёР»Р»РёС†Сѓ Р·РґРµСЃСЊ РЅРµРјРЅРѕРіРѕ, С‚Р°Рє С‡С‚Рѕ РІС‹Р±РѕСЂ Сѓ РІР°СЃ РЅРµР±РѕР»СЊС€РѕР№.

РџРµСЂРµС…РѕРґРёРј РЅР° С‚СЂРµС‚СЊРµ РѕРєРЅРѕ, С‰РµР»РєРЅСѓРІ РїРѕ... <a href="https://www.liveinternet.ru/users/gobo/post429613910/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Пишем заголовки с любимыми фигурками

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

Написать красиво заголовок, поздравление,или подписать пост вот такими фигурками, или любыми другими, теперь можно легко и быстро всего в три шага.

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

Часть 1 - Генератор радужного текста
Часть 2 - Как легко и просто подписать любую картинку анимированным текстом.
...
Часть 33 - Добавляем свой текст на любое изображение
Часть 34 - Пишем красиво затухающим текстом
Часть 35 - Пишем заголовки с любимыми фигурками

Метки: для блога

Страницы:

[1]

LiveInternetLiveInternet

-Цитатник

-Метки

-Рубрики

-Ссылки

-Новости

-Фотоальбом

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

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

-Приложения

Пишем красиво. Сайт для создания красивых надписей - логотипов.

Пишем красиво онлайн

Дневник

Жирный шрифт, курсив, малые прописные буквы

Дневник

Заголовок с жирным текстом

текст

текст

Красивый текст в BluffTitler

Пишем заголовки с любимыми фигурками