Центр документации
|
Самоучитель по интеграции дизайна и настройке Amiro.CMS на примере демонстрационной версии пакета Визитка »
По дизайну новости на левом блоке страницы должны выглядеть следующим образом: Дата опубликования новости Название новости. Шрифт для даты опубликования новости жирный и серого цвета, шрифт названия новости нежирный оранжевого цвета. Шаблон новостей news.tpl По умолчанию сет для спецблока новостей выглядит следующим образом:
Здесь: ##fdate## - дата опубликования новости; ##header## - заголовок новости; ##announce## - аннонс новости; ##forum_link## ##forum_count_topics## ##forum_count_replies## - ссылка на обсуждение новости со счетчиком обсуждений; ##rating_block## ##votes_block## - отображает рейтинги новости и пользовательскую форму оценки новости; По дизайну дата и название новости должно быть в одну строку, для этого необходимо переместить переменную ##date## переместить в <div>, в котором находится переменная ##header## (название новости). Тогда сет будет выглядеть следующим образом
Цвет даты опубликования новости в системе RGB 767676. Сет для формирования даты новости выглядит следующим образом:
Видно что для даты новости задан класс, поэтому замена цвета сводится к редактированию соответствующего класса. В файле common.css необходимо дописать color:#767676
По дизайну цвет заголовка новости в спецблоке такой же как цвет ссылок на всем сайте. Так как заголовок новости не имеет каких либо индивидуальных настроек в шаблоне для задания цвета заголовку новости необходимо в стилях common.css задать стилям для ссылок необходимый цвет в системе RGB. Исходя из этого изменяем файл стилей следующим образом:
Тогда на сайте отобразится следующее:
Рисунок 34
Расстояние между новостями сделаем равным 30 px. Для этого необходимо вертикальный разделитель сделать строкой высотой 30px и добавить горизонтальную полосу <hr>. Тогда сет для вертикального разделителя примет следующий вид:
На сайте получим следующий результат:
Рисунок 35 |
||||||