Типографика шаблона

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

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Сед орки. Cum sociis natoque penatibu. Pellentesque vel enim urna, sit amet blandit ipsum. Maecenas quis sem sit amet nunc pretium mattis. Sed dapibus semper est, sed pretium erat.

Используйте следующий формат:

.

(HTML)или [dropcap]. [/ dropcap] (РОККАНДИ). Вы можете использовать любую букву, символ или цифру.

Praesent rutrum sapien ac felis. Используйте этот формат:

.

(HTML)или [dropcap]. [/ dropcap] (РОККАНДИ)

Praesent rutrum sapien ac felis. Используйте этот формат:

.

(HTML)или [dropcap]. [/ dropcap] (РОККАНДИ)

Praesent rutrum sapien ac felis. Используйте этот формат:

.

(HTML)или [dropcap]. [/ dropcap] (РОККАНДИ)

Praesent rutrum sapien ac felis. Используйте этот формат:

.

(HTML)или [dropcap]. [/ dropcap] (РОККАНДИ)

Стили

Для репликации используйте следующее форматирование:

.

(HTML)или [цитата]. [/ blockquote] (РОККАНДИ).

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis.

Для репликации используйте следующее форматирование: или [цитата]. [/ blockquote] (РОККАНДИ).

Lorem ipsum dolor sit amet, Concecetur adipiscing elit. Маурис метус мучитель.

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis.

Для репликации используйте следующее форматирование: или [цитата]. [/ blockquote] (РОККАНДИ).

Lorem ipsum dolor sit amet, Concecetur adipiscing elit. Маурис метус мучитель.

Стили кода

Стили уведомлений

Это образец утвержденного стиля. Для репликации используйте следующий синтаксис:

.

(HTML) или [примечание] . [/ notice] (РОККАНДИ).

Это образец стиля « Внимание» . Для репликации используйте следующий синтаксис:

.

(HTML) или [примечание] . [/ notice] (РОККАНДИ).

Это образец стиля уведомления . Для репликации используйте следующий синтаксис:

.

(HTML) или [примечание] . [/ notice] (РОККАНДИ).

Это образец стиля оповещения . Для репликации используйте следующий синтаксис:

.

(HTML) или [примечание] . [/ notice] (РОККАНДИ).

Текстовый значок

Для репликации используется следующий формат: . (HTML)или [название значка "]. [/ icon] (ROKCANDY). Имена классов перечислены ниже, например," текстовый значок электронной почты".

Текст со значком электронной почты

Текст со значком телефона

Текст со значком цитаты

Текст со значком тележки

Текст со значком RSS

Текст со значком тегов

Текст со значком записи

Текст со значком информации

Текст со значком звука

Текст со стрелкой вправо

Текст со стрелкой влево

Текст со значком стрелки в виде круга

Текст со стрелкой вниз

Текст со стрелкой вверх

Текст со значком человека

Текст со значком календаря

Текст со значком документа

Текст со значком лампочки

Текст со значком твиттера

Текст со значком YouTube

Текст со значком скайпа

Текст со значком facebook

Текст со значком "Нравится"

Текст со значком видео

Текст со значком Dropbox

Текст со значком vimeo

Текст со значком PayPal

Стили акцента

Это тег выделения, который позволяет выделять слова или фразы . Используйте следующий формат: или [выделено]. [/ акцент] (РОККАНДИ)

Это тег выделения, который позволяет выделять слова или фразы . Используйте следующий формат: или [выделено жирным шрифтом]. [/ focusbold] (РОККАНДИ)

Это тег выделения, который позволяет выделять слова или фразы . Используйте следующий формат: или [focusbold2]. [/ focusbold2] (РОККАНДИ)

Это тег выделения, который позволяет выделять слова или фразы . Используйте следующий формат: или [выделить (ROKCANDY)

Это тег выделения, который позволяет выделять слова или фразы . Используйте следующий формат: . (HTML)или [выделить (ROKCANDY)

Это тег выделения, который позволяет выделять слова или фразы . Используйте следующий формат: . (HTML)или [выделите (ROKCANDY)

Это тег выделения, который позволяет выделять слова или фразы . Используйте следующий формат: . (HTML)или [выделите (ROKCANDY)

Это тег выделения, который позволяет выделять слова или фразы . Используйте следующий формат: . (HTML)или [выделить (ROKCANDY)

Это тег выделения, который позволяет выделять слова или фразы . Используйте следующий формат: . (HTML)или [выделите (ROKCANDY)

Это тег выделения, который позволяет выделять слова или фразы . Используйте следующий формат: . (HTML)или [выделить (ROKCANDY)

Font Awesome Иконки

Font Awesome - это язык пиктограмм веб-действий, содержащий 220 иконок. Файлы шрифтов Font Awesome, CSS и LESS лицензированы в соответствии с CC BY 3.0, и вы можете найти полные примеры использования на Font Awesome - http://fortawesome.github.com/Font-Awesome

Для репликации используйте следующий формат: или [span (ROKCANDY). Названия значков перечислены ниже, например « значок-сигнал».

Веб-иконки

Значки текстового редактора

Направленные значки

Иконки видеоплеера

Социальные иконки

    Стили списка (значки)

Для репликации используйте следующий формат:

  • .
  • .
  • .
(HTML)или [список] [li]. [/ li] [li. [/ li] [/ list] (РОККАНДИ). Названия значков перечислены ниже, например « тележка».

  • Элемент списка, использующий класс электронной почты со значком списка.
  • Элемент списка, использующий класс электронной почты со значком списка.
  • Элемент списка, использующий класс телефона со значком списка.
  • Элемент списка, использующий класс телефона со значком списка.
  • Элемент списка, использующий класс цитаты со значком списка.
  • Элемент списка, использующий класс цитаты со значком списка.
  • Элемент списка, использующий класс twitter со значком списка.
  • Элемент списка, использующий класс twitter со значком списка.
  • Элемент списка, использующий класс youtube со значком списка.
  • Элемент списка, использующий класс youtube со значком списка.
  • Элемент списка, использующий класс facebook со значком списка.
  • Элемент списка, использующий класс facebook со значком списка.
  • Элемент списка, использующий класс корзины со значком списка.
  • Элемент списка, использующий класс корзины со значком списка.
  • Элемент списка, использующий класс тегов list-icon.
  • Элемент списка, использующий класс тегов list-icon.
  • Элемент списка, использующий класс записи значка списка.
  • Элемент списка, использующий класс записи значка списка.
  • Элемент списка, использующий информационныйкласс значка списка.
  • Элемент списка, использующий информационныйкласс значка списка.
  • Элемент списка, использующий звуковойкласс со значком списка.
  • Элемент списка, использующий звуковойкласс со значком списка.
  • Элемент списка, использующий класс со стрелкой вправо в виде значка списка.
  • Элемент списка, использующий класс со стрелкой вправо в виде значка списка.
  • Элемент списка, использующий класс skype со значком списка.
  • Элемент списка, использующий класс skype со значком списка.
  • Элемент списка, использующий rss-класс list-icon.
  • Элемент списка, использующий rss-класс list-icon.
  • Элемент списка, использующий класс со стрелкой влево со значком списка.
  • Элемент списка, использующий класс со стрелкой влево со значком списка.
  • Элемент списка, использующийкласс со стрелкой в ​​виде значка списка.
  • Элемент списка, использующийкласс со стрелкой в ​​виде значка списка.
  • Элемент списка, использующий класс dropbox со значком списка.
  • Элемент списка, использующий класс dropbox со значком списка.
  • Элемент списка, использующий класс vimeo со значком списка.
  • Элемент списка, использующий класс vimeo со значком списка.
  • Элемент списка, использующий класс со стрелкой вниз со значком списка.
  • Элемент списка, использующий класс со стрелкой вниз со значком списка.
  • Элемент списка, использующий класс видео со значком списка.
  • Элемент списка, использующий класс видео со значком списка.
  • Элемент списка, использующий значок списка, напримерclass.
  • Элемент списка, использующий значок списка, напримерclass.
  • Элемент списка, использующий класс со стрелкой вверх значка списка.
  • Элемент списка, использующий класс со стрелкой вверх значка списка.
  • Элемент списка, использующий класс человека со значком списка.
  • Элемент списка, использующий класс человека со значком списка.
  • Элемент списка, использующий класс календаря со значком списка.
  • Элемент списка, использующий класс календаря со значком списка.
  • Элемент списка, использующий класс лампочки со значком списка.
  • Элемент списка, использующий класс лампочки со значком списка.
  • Элемент списка, использующий класс PayPal со значком списка.
  • Элемент списка, использующий класс PayPal со значком списка.
  • Элемент списка, использующий класс документов со значком списка.
  • Элемент списка, использующий класс документов со значком списка.

    Стили списков (CSS3)

Эти стили списков основаны на последних технологиях CSS3 и предназначены для работы в современных браузерах (не будут отображаться должным образом в IE6-IE8).

Для репликации используйте следующий формат:

  • .
  • .
  • .
(HTML)или [имя списка »] [li]. [/ li] [li. [/ li] [/ list] (ROKCANDY). Имена классов перечислены ниже, например,« красная галочка».

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

Стили вставки

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Сед орки. Cum sociis natoque penatibus et magnis disparturient montes, nascetur ridiculus mus. Вставка правого заголовка Вам необходимо использовать следующее форматирование: . некоторый контент.(HTML)или [inset side = "right" title = "Inset Right Title"]. некоторый контент. [/ вставка] (ROKCANDY)Vestibulum facilisis mollis neque. Сед орки. Cum sociis natoque penatibus et magnis disparturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Сед орки. Cum sociis natoque penatibus et magnis disparturient montes, nascetur ridiculus mus. Вставка левого заголовка Вам необходимо использовать следующее форматирование: . некоторый контент.(HTML)или [inset side = "left" title = "Inset Left Title"]. некоторый контент. [/ вставка] (ROKCANDY)Vestibulum facilisis mollis neque. Сед орки. Cum sociis natoque penatibus et magnis disparturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque.