-
Прошедшее событие
-
Просто событие, которое в скором времени должно произойти
-
Название очередного мероприятия
Некоторая информация может выходить за рамки заголовка и более подробно описывать ситуацию -
Стили заголовков так же позволяют писать длинные названия без каких либо смещений или проблем
-
Продолжать можно до бесконечности
Как разместить или редактировать:
В визуальном редакторе нажмите на клавишу "Источник" и в нужном месте на странице вставьте данный код:
Красным цветом выделены места, которые подлежат редактированию. Если событие уже прошло, используйте class="grey" (впишите его в <H2>). Для добавления новой даты скопируйте и добавьте данный код перед закрывающим тегом </ul>.<ul class="cbp_tmtimeline">
<li>
<time class="cbp_tmtime"><span>25.01.14</span></time>
<div class="cbp_tmicon"></div>
<div class="cbp_tmlabel">
<h2 class="grey">Прошедшее событие</h2>
</div>
</li>
<li>
<time class="cbp_tmtime"><span>17.05.14</span></time>
<div class="cbp_tmicon"></div>
<div class="cbp_tmlabel">
<h2>Название активного заголовка</h2>
Текст за пределами заголовка
</div>
</li>
</ul>
<li>
<time class="cbp_tmtime"><span>00.00.00</span></time>
<div class="cbp_tmicon"></div>
<div class="cbp_tmlabel">
<h2>Заголовок</h2>
Текст за пределами заголовка
</div>
</li>