Описание системы оформления тем для версий SLAED CMS 3 Pro, 2.3 Lite

Для написания своих тем оформления, не требуется познания в PHP. Все действия производятся в формате HTML. В нашем примере за основу взята стандартная тема системы Default. Для создания своей темы оформления системы копируем стандартную тему, меняем название папки на своё. После чего заходим в директорию темы или в отдел шаблонов панели администратора и редактируем компоненты под свои нужды.Ссылки на графику в теме

При использовании ссылок, допустим на графику, название темы в ссылке менять не обязательно. Директория темы определяется автоматически. Для этого используется переменная $ThemeSel. Прописываем только путь к графическому файлу.

Пример ссылки: templates/$ThemeSel/images/ваша_картинка.gif

Графические файлы темы оформления

Директории images/ используется, как архив где хранятся все графические элементы темы оформления сайта. При изготовлении своей темы, для исключения путаницы, рекомендуется использовать данную директорию для хранения графических элементов.

Файлы оформления элементов дизайна в основной директории

Файл style.css отвечает за оформление элементов дизайна всего сайта и позволяет контролировать практически любые элементы. С помощью данного файла можно сделать практически что угодно - от разметки колонок, размера шрифтов, цветовой гаммы до кнопок и всплывающих окон.

Основной шаблон оформления системы

За основное оформление системы отвечает файл index.html предназначенный для формирования структуры и порядка отражения модулей, блоков и других компонентов системы. Естественно, верстальщик и дизайнер могут наполнить его любым HTML оформлением и применить все возможные и известные приемы верстки.

Создание основного шаблона оформления персонально для каждого модуля

Вы можете создать уникальное оформление, персонально для каждого модуля системы. В зависимости от названия имеющегося модуля, который находится в корневой директории modules/. Если это необходимо, создаём похожее название файла оформления для модуля.

Пример: Нужно сделать уникальное оформление содержания для модуля News
В таком случае создаём файл оформления в директории темы с названием index-News.html

Система определит его автоматически и будет использовать для персонального оформления модуля News.

Ниже представлено описание переменных вида {%XXXX%} и за что они отвечают. Расставить эти переменные можно по всему файлу, в каком угодно порядке.

{%HEAD%} - Стандартное формирование шапки - меты и титлы, а также содержание, которое присутствует в системе по умолчанию.

{%MODULE%} - Нарезка для модуля, который должна подставить система.

{%LICENSE%} - Копирайты системы.

{%BLOCKS banner%} или {%BLOCKS b%} - Верхний банер.

{%BLOCKS left%} или {%BLOCKS l%} - Левые блоки.

{%BLOCKS center%} или {%BLOCKS c%} - Верхние центральные блоки.

{%BLOCKS down%} или {%BLOCKS d%} – Нижние центральные блоки.

{%BLOCKS right%} или {%BLOCKS r%} - Правые блоки.

{%BLOCKS foot%} или {%BLOCKS f%} - Нижний банер.

{%BLOCKS time%} или {%BLOCKS t%} - Время генерации страницы.

{%BLOCKS none,ХХХ%} или {%BLOCKS n,ХХХ%} - Произвольный блок системы или свободный блок без оформления, где ХХХ - это либо ID блока, либо название файла блока.

{%BLOCKS standart,ХХХ%} или {%BLOCKS s,ХХХ%} - Произвольный блок системы или свободный блок с оформлением свободного блока, где ХХХ - это либо ID блока, либо название файла блока.

{%BLOCKS message%} или {%BLOCKS m%} - Сообщение на главной странице.

{%BLOCKS variables%} - Анализатор переменных.

{%BLOCKS query%} - Анализатор запросов в базу данных.

Оформление выводимой информации в модулях

Описание компонентов

Файл basic.html отвечает за оформление содержащейся информации в модулях, а так же информации при подробном просмотре.

Создание оформления компонентов

Вы можете создать уникальное оформление содержания, персонально для каждого модуля системы. В зависимости от названия имеющегося модуля, который находится в корневой директории modules/. Если это необходимо, создаём похожее название файла оформления для модуля.

Пример: Нужно сделать уникальное оформление содержания для модуля News
В таком случае создаём файл оформления в директории темы с названием basic-News.html

Система определит его автоматически и будет использовать для персонального оформления содержания модуля News.

Используемые переменные

$aid - Номер компонента в базе данных
$title - Заголовок
$content - Содержание
$morelink - Нижняя строка статьи, куда входят: Подробнее, дата, автор, прочитано, комментарии
$topicimage - Изображение категории и ссылка на неё

Оформление блоков системы

Описание оформления блоков

1. Файл block-center.html отвечает за верхние центральные блоки.
   
2. Файл block-down.html отвечает за нижние центральные блоки.
   
3. Файл block-left.html отвечает за левые блоки.
   
4. Файл block-right.html отвечает за правые блоки.
   
5. Файл block-all.html отвечает за все остальные блоки, которые могут использовать в отдельности от стандартных.
   

[u]Создание оформления блоков[/u]

Вы можете создать уникальное оформление, персонально для каждого блока системы. В зависимости от названия имеющегося блока, который находится в корневой директории блоков blocks/. Если это необходимо, создаём идентичное название файла оформления для блока, но с изменением окончания с .php на .html. Куда и вносим свой вид оформления.

Пример: Нужно сделать уникальное оформление для блока block-News.php
В таком случае создаём файл оформления в директории темы с названием block-News.html

Система определит его автоматически и будет использовать для персонального оформления блока block-News.php

[u]Используемые переменные[/u]

$title - Заголовок блока
$content - Содержание блока

[b]Оформление комментариев[/b]

[u]Описание оформления комментариев[/u]

Файл comment.html отвечает за оформление комментариев в модулях.

[u]Создание оформления комментариев[/u]

Вы можете создать уникальное оформление комментариев, персонально для каждого модуля системы. В зависимости от названия имеющегося модуля, который находится в корневой директории modules/. Если это необходимо, создаём похожее название файла оформления для модуля.

Пример: Нужно сделать уникальное оформление комментариев для модуля News
В таком случае создаём файл оформления в директории темы с названием comment-News.html

Система определит его автоматически и будет использовать для персонального оформления комментариев модуля News.

[u]Используемые переменные[/u]

$name - Ник пользователя на проекте
$info - Верхняя правая информационная строка
$avatar - Аватар пользователя
$text - Содержание комментария
$rate - Рейтинг пользователя
$link - Нижняя правая информационная строка

[b]Оформление модулей системы[/b]

[u]Описание оформления модулей[/u]

1. Файл table-open.html отвечает за оформление верхней части модуля и других отделов, где используется функция OpenTable();
2. Файл table-close.html отвечает за оформление нижней части модуля и других отделов, где используется функция CloseTable();

[u]Создание оформления модулей[/u]

Вы можете создать уникальное оформление, персонально для каждого модуля системы. В зависимости от названия имеющегося модуля, который находится в корневой директории modules/. Если это необходимо, создаём похожее название файла оформления для модуля.

1. Для верхней части модуля, table-open-Название_модуля.html
2. Для нижней части модуля, table-close-Название_модуля.html

Пример: Нужно сделать уникальное оформление для модуля News
В таком случае создаём файл оформления в директории темы с названием table-open-News.html и table-close-News.html

Система определит их автоматически и будет использовать для персонального оформления модуля News.

[b]Оформление сообщений на главной странице[/b]

[u]Описание оформления сообщений[/u]

Файл message-box.html отвечает за сообщения на главной странице

[u]Используемые переменные[/u]

$title - Заголовок сообщения
$content - Содержание сообщения

[b]Оформление страницы печати[/b]

[u]Описание оформления страницы печати[/u]

Файл prints.html отвечает за оформление страниц печати в модулях.

[u]Создание оформления страниц печати[/u]

Вы можете создать уникальное оформление для страниц печати, персонально для каждого модуля системы. В зависимости от названия имеющегося модуля, который находится в корневой директории modules/. Если это необходимо, создаём похожее название файла оформления для модуля.

Пример: Нужно сделать уникальное оформление страницы печати для модуля News
В таком случае создаём файл оформления в директории темы с названием prints-News.html

Система определит его автоматически и будет использовать для персонального оформления страниц печати модуля News.

[u]Используемые переменные[/u]

$charset - Кодировка страницы
$ThemeSel - Название темы оформления
$title - Содержание заголовка кода страницы
$homeurl - Адрес сайта
$sitename - Название сайта
$site_logo - Логотип сайта
$ptitle - Содержание заголовка
$text - Информация
$url - Ссылки на статью и сайт

[b]Оформление заголовков поиска[/b]

[u]Описание оформления заголовков поиска[/u]

Файл search.html отвечает за оформление заголовков с поиском в модулях.

[u]Создание оформления заголовков поиска[/u]

Вы можете создать уникальное оформление заголовков поиска, персонально для каждого модуля системы. В зависимости от названия имеющегося модуля, который находится в корневой директории modules/. Если это необходимо, создаём похожее название файла оформления для модуля.

Пример: Нужно сделать уникальное оформление заголовков поиска для модуля News
В таком случае создаём файл оформления в директории темы с названием search-News.html

Система определит его автоматически и будет использовать для персонального оформления заголовка поиска модуля News.

[u]Используемые переменные[/u]

$name - Выводимое название модуля
$mod - Оригинальное название модуля
$s_search - Название поиска
$navi - Ссылки навигации модуля

[b]Оформление заголовков во всей системе[/b]

[u]Описание оформления заголовков[/u]

Файл title.html отвечает за оформление заголовков. Как правило, они используются моделями системы для отображения их названий.

[u]Создание оформления заголовков[/u]

Вы можете создать уникальное оформление заголовков, персонально для каждого модуля системы. В зависимости от названия имеющегося модуля, который находится в корневой директории modules/. Если это необходимо, создаём похожее название файла оформления для модуля.

Пример: Нужно сделать уникальное оформление заголовка для модуля News
В таком случае создаём файл оформления в директории темы с названием title-News.html

Система определит его автоматически и будет использовать для персонального оформления заголовка модуля News.

[u]Используемые переменные[/u]

$text - Содержание заголовка

[b]Оформления ошибок, предупреждений и информации[/b]

[u]Описание оформления ошибок[/u]

Файл warning.html отвечает за оформление ошибок, предупреждений и вывода важной информации в системе.

[u]Используемые переменные[/u]

$text - Информация
$toredirect - Дальнейший, автоматический переход, так называемый «Редирект».