Стили оформления и функциональные клавиши

Это небольшая памятка для редактора. Здесь можно найти перечень функциональных клавиш данного веб-интерфейса, а также посмотреть список стилей основного сайта.

2014-09-25_19-49-09 — выделение текста. На основном сайте текст, выделенный таким тегом станет зеленым.

Html-тег <b>ТЕКСТ</b> или <strong>ТЕКСТ</strong>

2014-09-25_19-57-57 — выделение текста курсивом.

Html-тег <em>ТЕКСТ<em>

2014-09-25_20-04-03 — вставка гиперссылки. Для вставки выделить текст, который будет текстом ссылки, нажать link, ввести адрес ссылки. Заголовок ссылки — надпись, которая появляется при наведение мышки.

Html-тег <a href=«АДРЕС_ССЫЛКИ»>ТЕКСТ_ССЫЛКИ</a>

2014-09-25_20-12-09 — вставка списка. Ul — ненумерованный список, Ol — нумерованный список, li — элемент списка.

Html-тег <ul><li>Элемент ненумерованного списка</li> <li>Элемент ненумерованного списка</li> </ul>

Будет выглядеть так:

  • Элемент ненумерованного списка
  • Элемент ненумерованного списка
Html-тег <ol><li>Элемент нумерованного списка 1</li> <li>Элемент нумерованного списка 2</li> </ol>

Будет выглядеть так:

  1. Элемент ненумерованного списка
  2. Элемент ненумерованного списка

2014-09-25_20-17-56 — обычный «жирный» текст.

Html-тег <b class=»strong»>ТЕКСТ</b> или <STRONG class=»strong»>ТЕКСТ</STRONG>, соответственно.

2014-09-25_20-28-38 — вставка красного маркера с надписью «Важно!»: Важно!

Html-тег <span class=»alertmark»>Важно!</span>

2014-09-25_20-33-40 — вставка красивого заголовка с зеленым круглым маркером слева.

Html-тег <div class=»titlemarker»>ТЕКСТ_ЗАГОЛОВКА</div>

Будет выглядеть так:

ТЕКСТ_ЗАГОЛОВКА
2014-09-25_23-31-23 — вставка основного заголовка для оформления целой страницы.

Html-тег <div class=»title»>Заголовок</div>

Будет выглядеть так:

Заголовок

2014-09-25_20-38-34 — при добавлении записи class=»beautiful» список приобретет оформление.

Html-тег <ul class=»beautiful»><li>…</ul>

Будет выглядеть так:

  • Элемент списка
  • Элемент списка

Html-тег <ol class=»beautiful»><li>…</ol>

Будет выглядеть так:

  1. Элемент списка
  2. Элемент списка

2014-09-25_20-45-37 — вставит заголовок с красным круглым маркером слева.

Html-тег <div class=»attentionmarker»>НАМ МОЖНО ДОВЕРЯТЬ!</div>

Будет выглядеть так:

НАМ МОЖНО ДОВЕРЯТЬ!
 

Иногда требуется принудительно отформатировать какой-либо текст, чтобы он корректно отображался на сайте. Для этого могут пригодится теги <p> и <br>. Текст, выделенный <p>…</p> превратится в абзац, а тег <br>, вставленный посередине строки разобьет ее надвое (перенос строки).

Кроме того, еще может быть полезна вставка неразрывного пробела. Если в html редакторе вписать код символа «&nbsp;«, то в это место добавиться пробел.

NEW! Теперь изображения, размещенные в описании товара (не изображения товара, добавленные через интерфейс Амиро, а именно размещенные в тексте) можно красиво отформатировать, просто добавив внутрь тега class=»beautiful» — та же кнопка, что и для списков 2014-09-25_20-38-34