[justify][color=green][b]Применение тем[/b][/color]
Для изменения дизайна сайта можно использовать темы.
Тема - это набор файлов, отвечающих за внешний вид страниц сайта. В тему входят: файлы таблиц стилей CSS (Cascading Style Sheets), задающие цвет, фон, размер шрифта и т.п. для ключевых элементов страницы, файлы шаблонов основных элементов страниц, а так же графические файлы. Для смены дизайна сайта нужно просто изменить графическую тему в панели администрирования на новую.
[hr][color=blue][b]Обратите внимание![/b][/color]
В SLAED CMS темы хранятся в директории «templates».[hr]Если у администратора присутствуют навыки верстальщика и дизайнера, то можно самостоятельно создать тему для сайта. Также можно просмотреть и «примерить» на свой сайт уже созданные темы, которые можно скачать в каталоге файлов сайта [url=https://slaed.net]slaed.net[/url].
[color=green][b]Вкладка «Шаблоны»[/b][/color]
В данной вкладке задаётся html-верстка определённых блоков сайта (к примеру, меню).
Для внесения изменений в файл достаточно кликнуть в списке файлов на нужный, внести изменения в отобразившееся поле и нажать кнопку «Сохранить изменения».
[hr][color=blue][b]Обратите внимание![/b][/color]
Изменения вносятся в тему, выбранную в списке над перечнем файлов. Для смены темы выберите нужную тему в списке и нажмите кнопку «ОК».[hr]
[b][i][color=orangered]На что обратить внимание при редактировании темы[/color][/i][/b]
[u]Переменные темы[/u]
В теме используется один тип переменных: $arg[1], $arg[2] и т.д.
Они отвечают за вывод заголовков, содержания, и других комплектующих в зависимости от принадлежности оформления к тому или иному компоненту системы.
Переменные типа: $lan[1], $lan[2] и т.д. используются для вывода констант (слов в зависимости от языка выбранного посетителем, если такая возможность активирована, в противном случае на языке установленном по умолчанию). Добавить свои языковые константы в соответствующий массив можно в файле темы оформления: function/template.php
Кроме основных двух видом в теме можно использовать глобальные переменные системы, такие как: $theme, $conf
[li] [b][i]$theme[/i][/b] – определяет название актуальной темы оформления, установленной по умолчанию, или темы оформления, выбранной пользователем в конфигурациях профиля, если такая возможность активирована
[li] [b][i]$conf[/i][/b] – отвечает за вывод параметров установленных в основном файле конфигурации системы
[u]Файл index.html[/u]
За основное оформление системы отвечает файл index.html предназначенный для формирования структуры и порядка отражения модулей, блоков и других компонентов системы. Верстальщик и дизайнер могут наполнить его любым HTML оформлением и применить все возможные и известные приемы верстки. Возможно уникальное использование основного шаблона персонально для главной страницы проекта, независимо от установленного модуля, а так же персонально для каждого модуля и категории системы.
В файле index.html используются дополнительные переменные отвечающие за глобальный вывод модулей и блоков.
Ниже представлено описание стандартных переменных вида {%XXXX%} и за что они отвечают. Расставить эти переменные можно по всему файлу, в каком угодно порядке.
[li] [b][i]{%HEAD%}[/i][/b] – стандартное формирование шапки - meta и title, а также содержание, которое присутствует в системе по умолчанию.
[li] [b][i]{%BLOCKS banner%} или {%BLOCKS b%}[/i][/b] – верхний баннер.
[li] [b][i]{%BLOCKS left%} или {%BLOCKS l%}[/i][/b] – левые блоки.
[li] [b][i]{%BLOCKS message%} или {%BLOCKS m%}[/i][/b] – сообщение на главной странице.
[li] [b][i]{%BLOCKS center%} или {%BLOCKS c%}[/i][/b] – верхние центральные блоки.
[li] [b][i]{%MODULE%}[/i][/b] – нарезка для модуля, который должна подставить система (на месте этого участка будет отображаться содержание модуля системы).
[li] [b][i]{%BLOCKS down%} или {%BLOCKS d%}[/i][/b] – нижние центральные блоки.
[li] [b][i]{%BLOCKS right%} или {%BLOCKS r%}[/i][/b] – правые блоки.
[li] [b][i]{%BLOCKS foot%} или {%BLOCKS f%}[/i][/b] – нижний баннер.
[li] [b][i]{%LICENSE%}[/i][/b] – копирайты системы.
[li] [b][i]{%BLOCKS time%} или {%BLOCKS t%}[/i][/b] – время генерации страницы.
[li] [b][i]{%BLOCKS variables%}[/i][/b] – расширения отладки: системная информация, анализатор переменных и запросов в базу данных.
Непосредственно в основном шаблоне возможно использовать «Свободные блоки», за вывод которых отвечают следующие переменные:
[li] [b][i]{%BLOCKS none,ХХХ%} или {%BLOCKS n,ХХХ%}[/i][/b] – произвольный блок системы или свободный блок без оформления, где ХХХ – это либо ID блока, либо название файла блока.
[li] [b][i]{%BLOCKS standart,ХХХ%} или {%BLOCKS s,ХХХ%}[/i][/b] – произвольный блок системы или свободный блок с оформлением, где ХХХ – это либо ID блока, либо название файла блока.
Информацию о сводных блоках можно получить в разделе «Блоки и баннеры».
[hr][color=red][b][i]Внимание![/b]
При использовании JavaScript непосредственно в теме оформления, при написании соответствующего кода, вместо знаков:
" – следует использовать код: " или "
' – следует использовать код: ' или '[/i][/color][hr]
[color=green][b]Вкладка «Стили»[/b][/color]
В данной вкладке задаются стили сайта (управление CSS-файлами темы).
Для внесения изменений в файл CSS достаточно кликнуть в списке файлов на нужный, внести изменения в отобразившееся поле и нажать кнопку «Сохранить изменения».
[hr][color=blue][b]Обратите внимание![/b][/color]
Изменения вносятся в тему, выбранную в списке над перечнем файлов. Для смены темы выберите нужную тему в списке и нажмите кнопку «ОК».[/justify]