Центр документации
Карта сайта

Создай визитку сам!


Самоучитель по интеграции дизайна и настройке Amiro.CMS на примере демонстрационной версии пакета Визитка »


Настройка спецблока новостей

По дизайну новости на левом блоке страницы должны выглядеть следующим образом:

Дата опубликования новости Название новости.

Шрифт для даты опубликования новости жирный и серого цвета, шрифт названия новости нежирный оранжевого цвета.

Шаблон новостей news.tpl

По умолчанию сет для спецблока новостей выглядит следующим образом:

 

<!--#set var="small_row" value="

<tr>

<td valign=top ##if (urgent)## class="small_news_urgent_item_row" ##else## class="small_news_item_row" ##endif##>

##fdate##

##--##ftime##--##

<div class="small_news_item_header"><a href="##front_link####nav_data##"> ##header## </a></div>

##--<div class="small_news_item_announce">##announce##</div>--##

<div>##forum_link## ##forum_count_topics## ##forum_count_replies##</div>

<div>##rating_block## ##votes_block##</div>

##adv_counter##

##adv_place##

</td>

</tr>

"-->

 

Здесь:

##fdate## - дата опубликования новости;

##header## - заголовок новости;

##announce## - аннонс новости;

##forum_link## ##forum_count_topics## ##forum_count_replies## - ссылка на обсуждение новости со счетчиком обсуждений;

##rating_block## ##votes_block## - отображает рейтинги новости и пользовательскую форму оценки новости;

По дизайну дата и название новости должно быть в одну строку, для этого необходимо переместить переменную ##date## переместить в <div>, в котором находится переменная ##header## (название новости).

Тогда сет будет выглядеть следующим образом

 

<!--#set var="small_row" value="

<tr>

<td valign=top ##if (urgent)## class="small_news_urgent_item_row" ##else## class="small_news_item_row" ##endif##>

##--##ftime##--##

<div class="small_news_item_header"> ##fdate##

<a href="##front_link####nav_data##"> ##header## </a></div>

##--<div class="small_news_item_announce">##announce##</div>--##

<div>##forum_link## ##forum_count_topics## ##forum_count_replies##</div>

<div>##rating_block## ##votes_block##</div>

##adv_counter##

##adv_place##

</td>

</tr>

"-->

 

Цвет даты опубликования новости в системе RGB 767676. Сет для формирования даты новости выглядит следующим образом:

 

<!--#set var="small_fdate" value="<div class="small_news_item_date">##fdate##&nbsp;</div>"-->

 

Видно что для даты новости задан класс, поэтому замена цвета сводится к редактированию соответствующего класса. В файле common.css необходимо дописать color:#767676

 

.small_news_item_date { display: inline; color:#767676}

 

По дизайну цвет заголовка новости в спецблоке такой же как цвет ссылок на всем сайте. Так как заголовок новости не имеет каких либо индивидуальных настроек в шаблоне для задания цвета заголовку новости необходимо в стилях common.css задать стилям для ссылок необходимый цвет в системе RGB. Исходя из этого изменяем файл стилей следующим образом:

 

A {color:#FF4800

text-decoration:underline

}

A:hover {color:#FF4800; text-decoration:none}

A:visited {color:#FF4800}

 

Тогда на сайте отобразится следующее:

 

Рисунок 34

 

Расстояние между новостями сделаем равным 30 px. Для этого необходимо вертикальный разделитель сделать строкой высотой 30px и добавить горизонтальную полосу <hr>. Тогда сет для вертикального разделителя примет следующий вид:

 

<!--#set var="browse_item_Vsplitter;item_Vsplitter" value="

<tr><td height="30px"><hr></td></tr>

 

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

 

Рисунок 35

Версия для печати

Установка и настройка Руководство пользователя Интеграция дизайна Разработчикам (API)
 2000 – 2021 © Amiro.CMS Все права защищены.