Помощь

Как использовать эти коды в редакторе?

Просто скопировать код и вставить в редактор не получиться, что бы код работал, в редакторе переключитесь в режим Код потом вставьте код и переключитесь обратно на визуальное редактирование. см.фото

Иконки [все иконки]

Для вывода иконочных шрифтов, используйте классы  fa fa-

Пример:   

Код:

 <i class="fa fa-music"></i>

Подсказки

Для использование подсказок, используйте атрибут  data-tc-tip="Текст"

Пример:  наведите на меня мышку

Код:

<span data-tc-tip="Текст">я текст с подсказкой</span>

Типография

Примеры заголовков от H1 до H6

Заголовок

Заголовок

Заголовок

Заголовок

Заголовок
Заголовок

Цитаты

В одно окно смотрели двое. Один увидел дождь и грязь.Другой — листвы зелёной вязь, весну и небо голубое.

Омар Хайям

<blockquote>	<p>В одно окно смотрели двое. Один увидел дождь и грязь. Другой - листвы зелёной вязь, весну и небо голубое.</p>	<p><small>Омар Хайям</small></p>
</blockquote>

Земная радость — это лишь мгновенье. Пред вечностью, которая нас ждет.

Авиценна

<blockquote class="pull-right">	<p>Земная радость &mdash; это лишь мгновенье. Пред вечностью, которая нас ждет.</p>	<p><small>Авиценна</small></p>
</blockquote>

Списки ul, ol

Пример обычного списка

  • Lorem ipsum dolor sit amet.
  • Officiis modi ipsum officia ad!
  • Atque nisi fugit repellat ratione.
  • Eveniet tenetur reiciendis eaque.
  • Aperiam accusamus quas nisi?
    • Assumenda, ipsa hic vel sed?
    • Quaerat praesentium error.
    • Magni, excepturi nulla adipisci.
  • Nesciunt, reprehenderit provident cupiditate atque!
  • Sit, nobis similique beatae aut.
  • Eum, debitis veniam laudantium dolor.

Пример нумерованного списка

  1. Lorem ipsum dolor sit amet.
  2. Officiis modi ipsum officia ad!
  3. Atque nisi fugit repellat ratione.
  4. Eveniet tenetur reiciendis eaque.
  5. Aperiam accusamus quas nisi?
    1. Assumenda, ipsa hic vel sed?
    2. Quaerat praesentium error.
    3. Magni, excepturi nulla adipisci.
  6. Nesciunt, reprehenderit provident cupiditate atque!
  7. Sit, nobis similique beatae aut.
  8. Eum, debitis veniam laudantium dolor.

Пример списка с классом fa-ul

  • List icons (like these)
  • can be used
  • to replace
  • default bullets in lists
  • and can also
    • form sublist
    • each with different
    • icons
  • Пример взять из сайта FontAwesome!
<ul class="fa-ul">	<li><i class="fa fa-li fa-check-square"></i>пункт 1</li>	<li><i class="fa fa-li fa-check-square"></i>пункт 2</li>	<li><i class="fa fa-li fa-check"></i>пункт 3</li>
</ul>

Оповещения

Пример обычных оповещении

  tc_alert_green - используйте этот класс, что бы цвет был такой.
  tc_alert_blue - используйте этот класс, что бы цвет был такой.
  tc_alert_yellow - используйте этот класс, что бы цвет был такой.
  tc_alert_red - используйте этот класс, что бы цвет был такой.
<div class="tc_alert tc_alert_red">	<i class="fa fa-close"></i> <strong>tc_alert_red</strong> - используйте этот класс, что бы цвет был такой.
</div>