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

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

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