Список новостей на странице «Новости» должен выглядеть следующим образом:
Дата Заголовок новости
Анонс новости
Ссылка на обсуждение новости
Заголовок новости должны быть ссылкой на детальное описание новости. Цвет заголовка оранжевый, даты – серый , шрифт у заголовка больше на 1px, чем у даты.
Приступим к настройке шаблона.
По умолчанию сет для списка новостей выглядит следующим образом:
<!--#set var="item_row" value="
<td>
##fdate##
##--##ftime##--##
##if(details_link=="1")##
<div class="news_item_header"><a href="##script_link####nav_data##offset=##offset##" class="sz6">##header##</a></div>
##else##
<div class="news_item_header">##header##</a></div>
##endif##
<div class="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> "--> |
Здесь:
##fdate## - дата опубликования новости;
##header## - заголовок новости;
##announce## - аннонс новости;
##forum_link## ##forum_count_topics## ##forum_count_replies## - ссылка на обсуждение новости со счетчиком обсуждений;
##rating_block## ##votes_block## - отображает рейтинги новости и пользовательскую форму оценки новости;
На сайте отображается следующее:
Рисунок 42
Видим, что размер шрифтов одинаковый, следовательно необходимо изменить стиль класса для заголовка соответствующим образом в common.css:
В нашем случае это классы news_item_header и news_item_date
.news { }
.news_item_row { }
.news_item_date { display:inline }
.news_item_time { }
.news_item_header { font-size:13px} .news_item_announce { } |
На сайте отобразится следующее:
Рисунок 43
|