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


Новая документация

Настройка платежных систем
Настройка способа оплаты КупиВкредит
Настройка способа оплаты Acquiro
Настройка способа оплаты AvisoSMS

Обновленная документация 

Разработчикам (API)
Руководство пользователя

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

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

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

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

Шаблон новостей 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 – 2011 © Amiro.CMS Все права защищены.