Как писать тексты на цветных фонах?

Сегодня урок небольшой: научимся делать тексты на фоне какой-нибудь картинки или залить текст однотонным цветом. Ничего сложного в этом нет. Найдите подходящую картинку или бесшовный фон. Например на этих: Огромная коллекция фонов, 100 Потрясающих цветочных фонов!!!
1. Скопируйте код из флейма.
2. Вместо URL-адрес фона - вставляйте адрес свой картинки или фона.
3. width="100%" - размер по отношению к посту, если Вы хотите сделать меньше, то просто измените цифру, либо вставьте точный размер картинки (если знаете) - но тогда не забудьте удалить проценты (%).

У Вас должно получиться что-то подобное:

Если тебе когда-нибудь захочется найти такого человека, который сможет одолеть любую, даже самую тяжелую беду и сделать тебя счастливым, когда этого не может больше никто: ты просто посмотри в зеркало и скажи: "Привет!" Р.Бах

Как писать текст просто на цветном фоне - далее >>>

Рубрики:

уроки/уроки для ЛиРу
шрифты

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

Шрифты, HTML-коды / примеры с кодами

Пятница, 27 Ноября 2020 г. 22:59 + в цитатник
Это цитата сообщения О_себе_-_Молчу [Прочитать целиком + В свой цитатник или сообщество!]

Шрифты, HTML-коды / примеры с кодами

В своих постах мы иногда используем разные шрифты (в панели спецкодов их 4),
некоторые используют до десятка-полутора шрифтов, но их намного-намного больше.
Дам вам СПИСОК ШРИФТОВ, где их более 100 и дам коды некоторых примеров.

_ШРИФТЫ + КОДЫ_

Monotype Corsiva

Georgia

MS Mincho

Comic Sans MS

Garamond

Wingding

Times New Roman

Courier New

_ОБЩИЙ ПРИНЦИП_

Задать размер текста можно двумя способами:
отличный от обычного (±1, ±2,..) или размер текста в рх

Код цвета можно задавать:
буквенным написанием или кодом-HTML

Выбрать ШРИФТ можете из таблицы ниже.
Скопировав его, вставьте в код вместо слов "выбранный ШРИФТ".

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

Рубрики:

шрифты

Метки: шрифты

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

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

Вторник, 19 Ноября 2019 г. 23:20 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

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

Используя возможности 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>

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

Рубрики:

коды,формулы
шрифты

Метки: шрифты коды

Акварелью раскрашу слова

Суббота, 02 Ноября 2019 г. 20:36 + в цитатник
Это цитата сообщения Tuse4ka_Natasha [Прочитать целиком + В свой цитатник или сообщество!]

Акварелью раскрашу слова

Палитра — код для подбора цвета текста *html*

Добавьте его перед вашим текстом

	Пример	<font color="#000080">ваш текст</font>
	Пример	<font color="#0000FF">ваш текст</font>
	Пример	<font color="#3366CC">ваш текст</font>
	Пример	<font color="#00FFFF">ваш текст</font>
	Пример	<font color="#3D9FE">ваш текст</font>
	Пример	<font color="#660066">ваш текст</font>
	Пример	<font color="#9900CC">ваш текст</font>
	Пример	<font color="#CC00CC">ваш текст</font>
	Пример	<font color="#FF66FF">ваш текст</font>
	Пример	<font color="#800000">ваш текст</font>
	Ваш текст	<font color="#CC0000">ваш текст</font>
	Ваш текст	<font color="#FF0000">ваш текст</font>
	Пример	<font color="#FF6666">ваш текст</font>
	Пример	<font color="#FFCCCC">ваш текст</font>
	Пример	<font color="#663300">ваш текст</font>
	Пример	<font color="#CC6600">ваш текст</font>
	Пример	<font color="#FFFF00">ваш текст</font>
	Пример	<font color="#FFFFCC">ваш текст</font>
	Пример	<font color="#003300">ваш текст</font>
	Пример	<font color="#006600">ваш текст</font>
	Пример	<font color="#009933">ваш текст</font>
	Пример	<font color="#00FF00">ваш текст</font>
	Пример	<font color="#99FF99">ваш текст</font>
	Пример	<font color="#000000">ваш текст</font>
	Пример	<font color="#FFFFFF">ваш текст</font>

Untitled (350x246, 137Kb)

Акварелью раскрашу слова

В разноцветные яркие гаммы

Им живые предам голоса,

Уникальные, без фонограммы

Положение изображения или текста
Текст или изображение слева	Слева	<p align="left">слева</p>
Текст или изображение справа	Справа	<p align="right">справа</p>
Текст или изображение в центре	В центре	<p align="center">по центру</p>
Для уменьшения или увеличения шрифта цифру +/- 2 в коде можно менять в зависимости на сколько Вы хотите уменьшить или увеличить текст
Увеличить текст	Увеличить	<font size="+2">Ваш текст </font>
Уменьшить текст	Уменьшить	<font size="-2">Ваш текст </font>

Стиль Шрифта бывает разным

Наиболее популярным шрифтом считается:

Helvetica;
Futura;
Garamond;
Bodoni;
Bembo;
Rockwell;
Times New Roman

Синтаксис:

font-family: "Times New Roman", Georgia, Serif;
font-family: serif;
font-family: sans-serif;
font-family: monospace;
font-family: cursive;
font-family: fantasy;
font-family: system-ui;
font-family: inherit;
font-family: initial;

CSS

Свойство CSS font отвечает за внешний вид текста (форматирование):

размер шрифта, стиль шрифта, расстояние между строками, толщина линий.

Вы мой

Гость !

Рубрики:

кнопки,оформление,картинки

шрифты

Метки: оформление шрифты

Пишем надписи онлайн

Среда, 14 Сентября 2016 г. 10:25 + в цитатник
Это цитата сообщения _Lyubasha_K_ [Прочитать целиком + В свой цитатник или сообщество!]

Пишем надписи онлайн

Здравствуйте...

Думаю, что многие из вас знают сайт для Онлайн генерации надписей красивым шрифтом

урок провела
Любаша К

Рубрики:

сайт
шрифты

Метки: сайт шрифты

Пишем словно золотом...

Суббота, 16 Апреля 2016 г. 13:37 + в цитатник
Это цитата сообщения Вера_Паничкина [Прочитать целиком + В свой цитатник или сообщество!]

Пишем словно золотом...

ИСПРАВИЛА ОШИБКУ...

Где-то там, где-то там, где-то там далеко,
Где цветут эдельвейсы в горах высоко,
Там, где неба бездонный светящийся свод,
Там где, чайки высокий и вольный полет....
там живут мои сны, там, в ночной тишине
чья-то тихая песня звучит обо мне.
автор стихотворения - Дарья Яшенко -

КОД ШРИФТА:

КОД ШРИФТА:

Серия сообщений "*** ОФОРМЛЕНИЕ ТЕКСТА":

Часть 1 - Шрифты для текста.
Часть 2 - Картинки и текст. Пишем в два столбика
Часть 3 - Пишем словно золотом...
Часть 4 - ...Формулы красивых шрифтов с кодами.
Часть 5 - Как выровнять текст в рамках на LI.RU
...
Часть 7 - Обводка текста без фотошопа...
Часть 8 - Объёмный текст без фотошоп...
Часть 9 - Курсоры

Рубрики:

шрифты

Метки: шрифты

Анимированные надписи

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

Анимированные надписи

Для тех, кто любит украшать свои заголовки, надписи, или поздравления, анимированным текстом, предлагаю простой и удобный онлайн - генератор красивых надписей.

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

Часть 1 - Генератор радужного текста
Часть 2 - Как легко и просто подписать любую картинку анимированным текстом.
...
Часть 24 - Генератор красивых заголовков
Часть 25 - Где скачать красивые шрифты
Часть 26 - Анимированные надписи

Рубрики:

сайт
шрифты

Метки: сайт шрифты

о ШРИФТАХ,которые применяем в записях своего Дневника

Вторник, 05 Января 2016 г. 14:42 + в цитатник
Это цитата сообщения Ваша_ТАНЯ_идущая_по_Судьбе [Прочитать целиком + В свой цитатник или сообщество!]

о ШРИФТАХ,которые применяем в записях своего Дневника

...ЭТО НЕ УРОК,а скорее ПОДСКАЗКА САМОЙ СЕБЕ на случай,если забуду со временем...

НУЖНО и Вам - ЦИТИРУЙТЕ,но цитата в Вашем Дневнике должна быть ОТКРЫТА !!! для МЕНЯ ...по не понятным причинам отдельные "товариСщи" упорно ИГНОРИРУЮТ это вполне корректное условие

ВИЗУАЛИЗАЦИЯ СТАНДАРТНЫХ ШРИФТОВ

Читать далее
Ваша ТАНЯ,идущая по Судьбе

Рубрики:

шрифты

Метки: шрифты

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

Всё для дизайна.

Дневник

Понедельник, 16 Ноября 2015 г. 20:46 + в цитатник

Разделители

Фоны

Смайлы

Хостинг

Флеш часы

Подобрать код цвета

Таблица кодов цветов

Создать рекламный баннер

Вставка видео

Создать таблицу

Создать картинку-ссылку

Галерея фотографий

Создать флеш часы

Серия сообщений "смайлы":
Часть 1 - Новогодние смайлики + код
Часть 2 - СМАЙЛИКИ на выбор!
...
Часть 5 - Более 10 000 смайликов на любой случай!
Часть 6 - "Вернисажик" - интересный сайтик
Часть 7 - Всё для дизайна.
Часть 8 - Смайлики
Часть 9 - Коллекция смайликов
...
Часть 23 - Смайлики, Анимашки...
Часть 24 - Смайлики новогодние и другие
Часть 25 - Смайлики - символы с кодом HTML