По дизайну новости на левом блоке страницы должны выглядеть следующим образом:
Дата опубликования новости Название новости.
Шрифт для даты опубликования новости жирный и серого цвета, шрифт названия новости нежирный оранжевого цвета.
Шаблон новостей 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## </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
|