Простой и удобный генератор - подбираем цвета и оттенки для дизайна.
 

Для оформления Блога.


 

Оформление текста:

Перечёркнутый текст: ТЕКСТ

<s> ваш текст </s>

Подчёркнутый текст: ТЕКСТ

<u> ваш текст </u>

Полужирный текст: ТЕКСТ

<b> ваш текст </b>

Полужирный крупный: ТЕКСТ

<big> ваш текст</big>

Курсивный текст: ТЕКСТ

<i>ваш текст </i>

Маленький текст: текст

<small>ваш текст</small>

Текст (картинка) по центру:

<center>ваш текст (картинка) </center>

Выравнивание текста по правому краю поста:

<div align="right"> ваш текст </div>

Равномерное выравнивание текста по всей ширине поста:

<div align="justify"> ваш текст </div>

Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):

<blockquote> ваш текст </blockquote>

“Закрепитель” (фиксирует текст так, как и расположите его в поле поста):

<pre>ваш текст</pre>

Бегущая строка (картинка):

<marquee> ваша бегущая строка (картинка)</marquee>

Добавленный атрибут direction=right задаст направление движения слева направо, по умолчанию - справа налево

Сноска вверху: ТЕКСТ^сноска

^{ваша сноска}

Сноска внизу: ТЕКСТ_сноска

_{ваша сноска}


Размер шрифта:

Уменьшить текст: текст - 2

<font size="-2"> уменьшенный текст </font>

Увеличить текст на 1 пункт: текст + 1

<font size="+1"> увеличить текст на 1 пункт </font>


Увеличить текст на 2 пункта: текст + 2

<font size="+2"> увеличить текст на 2 пункта </font>


Увеличить текст на 3 пункта: текст + 3

<font size="+3"> увеличить текст на 3 пункта </font>


Цвет шрифта

КРАСНЫЙ: красный текстм

<font color="red"> красный текст </font>

ЖЕЛТЫЙ: желтый текст

<font color="yellow"> желтый текст </font>

ФИОЛЕТОВЫЙ: фиолетовый текст

<font color="purple"> фиолетовый текст </font>

ЗЕЛЕНЫЙ: зеленый текст

<font color="lime"> зеленый текст </font>

СИНИЙ: синий текст

<font color="navy"> синий текст </font>

ФУКСИЯ: фуксия текст

<font color="fuchsia"> фуксия текст </font>


Оформление ссылок

Как вставить ссылку на веб-страницу:

<a data-cke-saved-href="АДРЕС СТРАНИЦЫ" href="АДРЕС СТРАНИЦЫ"> ВАШ ПОДЗАГОЛОВОК</a>

Как сделать, чтобы картинка была ссылкой на веб-страницу:

<a data-cke-saved-href="АДРЕС СТРАНИЦЫ" href="АДРЕС СТРАНИЦЫ"><img data-cke-saved-src="АДРЕС КАРТИНКИ В СЕТИ" src="АДРЕС КАРТИНКИ В СЕТИ" /></a>

Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:

<a data-cke-saved-href="АДРЕС СТРАНИЦЫ" href="АДРЕС СТРАНИЦЫ" target="_blank"> ВАШ ПОДЗАГОЛОВОК </a>

Сделать слайд-шоу

<marquee style="HEIGHT: 100px" direction="up" scrollamount="5">Движение снизу вверх</marquee>

<marquee style="HEIGHT: 100px" direction="down" scrollamount="5">Движение сверху вниз</marquee>

<marquee style="WIDTH: 100px" direction="left" scrollamount="5">Движение справа налево</marquee>

<marquee style="WIDTH: 100px" direction="right" scrollamount="5">Движение слева направо </marquee>






Порядок действий:

1. Загрузите нужное количество картинок на сервер

2. Определитесь с направление и добавляйте код.

Картинки должны быть внутри кода вместо слова Движение!!! То есть получается, что первая половина кода стоит перед картинками, а вторая после картинок, а вместо слов ДВИЖЕНИЕ СЛЕВА НАПРАВО - картинки.

100рх – это размер окна, в котором будет показано шоу, поменяв это значение на нужное Вам, Вы получите подходящий размер окна.

scrollamount="5" - поменяв цифру 5 на другую Вы измените скорость движения.

Так же эти коды можно и использовать для текста - Замените слова ДВИЖЕНИЕ - на Ваш текст и он начнёт двигаться так же как и картинки в нужном Вам направлении

 

Шпаргалка цветных текстов

Наиболее часто используемые цвета на ЛиРу и их коды. Всё просто-вставьте свой текст вместо "Ваш текст".
Полезно также знать другие варианты: Удобная палитра цвета * Таблица базовых цвЕтов
А чтобы узнать популярно, как улучшить свой блог, нажмите сюда: Учебник ЛиРу.