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