|
На странице «Документы» у нас работает модуль файловый архив.
С настройками по умолчанию список категорий файлового архива имеет следующий вид:
Рисунок 54
Сделаем список категорий в два столбца. Для этого зайдем в настройки файлового архива (Сервис – Настройка системы, в ниспадающих списках выбрать «Модули управления» и «Файловый архив») в разделе «Категории» для параметра «Количество столбцов в режиме отображения категорий» поставим значение «2»:
Рисунок 55
На сайте отобразится следующий результат:
Рисунок 56
Видим что столбцы не одинаковы, выровнять их можно в шаблоне files.tpl.
По умолчанию сет, отвечающий за отрисовку списка категорий, выглядит следующим образом:
|
<!--#set var="cat_row" value="
<td valign=top>
<p class=h3>##name## ##num_items##</p>
<div style="float:left;">##small_picture##</div>
<div>##announce##</div>
<div>##item_list##</div>
<div>
##--description--##
</div>
</td> "--> |
Здесь:
##name## - название категории
##small_picture## - изображение категории (загружается как «Малое изображение»)
##announce## - анонс категории
##num_items## - количество файлов
##item_list## - >файлы категории (их отображение включается в настройках файлового архива)
##description## - описание категории
Необходимо ячейке таблицы указать ширину, в данном случае 50%
|
<!--#set var="cat_row" value="
<td valign=top width=50%>
<p class=h3>##name## ##num_items##</p>
<div style="float:left;">##small_picture##</div>
<div>##announce##</div>
<div>##item_list##</div>
<div>
##--description--##
</div>
</td> "--> |
На сайте файловый архив будет выглядеть следующим образом:
Рисунок 57
Детали категории файлового архива по умолчанию выглядят следующим образом:
Рис. 58
Здесь изменим стиль названия категории. Сделаем его оранжевого цвета (FF4800), размером - 16 px, жирным, с отступами снизу и сверху по 5px.
В файле files.tpl за отображение названия категории в деталях категории отвечает сет
| <!--#set var="item_cat_name;itemD_cat_name" value="<h2>##cat_name##</h2>"--> |
Видим, что для изменения стиля названия категории нам необходимо изменить стили для заголовка h2 в файле стилей common.css. После изменения файл стилей common.css будет выглядеть следующим образом:
|
h2, h2 a, h2 a:visited {
color:#FF4800;
font-size:16px;
font-weight:bold;
margin-bottom:5px; margin-top:5px;} |
На сайте видим:
Рис. 59
|
