Чтение RSS каналов

Статьи

Статьи

Категории

УстройствоУстройство
Обучающее руководство
ТемыТемы
Оформление и компоненты дизайна
МодулиМодули
Использование и изготовление модулей
БлокиБлоки
Использование и изготовление блоков
ДокументацияДокументация
Описание функций и модулей
ИнформацияИнформация
Полезная информация для администратора

Общее количество: 56 страниц в 8 категориях

Изготовление тем оформления для SLAED CMS 2 Pro и 2.1 Lite

Обучающее руководство Для написания стандартных тем оформления, не требуется познания в PHP. Все действия производятся в формате HTML.

В нашем примере за основу взята стандартная тема системы Default. Копируем стандартную тему, меняем название папки на своё. После чего заходим в директорию темы и редактируем шаблоны под себя.

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

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

Графические файлы оформления в директории images/ и за что они отвечают

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

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

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

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

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

Описание переменных вида {%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%} - Анализатор запросов в базу данных.

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

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

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

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

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

Оформление модулей системы

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

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

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

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

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

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

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

Оформление новостей

1. Файл theme-index.html отвечает за оформление новостей на главной странице.
2. Файл theme-article.html отвечает за оформление новости при подробном просмотре.

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

Файл title.html отвечает за оформление заголовков, так называемых «Титлов».

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

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

Дополнительно по данной категории

Нет комментариев. Почему бы Вам не оставить свой?
Вы не можете отправить комментарий анонимно, пожалуйста войдите или зарегистрируйтесь.
файлдиректориисистемыоформленияназваниеvotingоформлениеотвечаетhtmlblocksблокаtableблокимодуляblock
Хотите опробовать SLAED CMS в действии?

Технологии

PHP MySQL HTML 5 CSS 3 jQuery jQuery UI

Контакты

  • D-49179, Deutschland
    Ostercappeln, Im Siek 6
  • +49 176 61966679

  • https://slaed.net
Идеи и предложения
Обратная связь