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

Статьи

Статьи - Темы

Темы - Популярные

Создаём простой Parallax эффект в теме сайта

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

Блоки слева, левые и правые блоки - Мод для стандартной темы

Оформление и компоненты дизайна
Для тех кто не умеет или кому лениво сделать самому, предлагаю два варианта модификации шаблона SLAED CMS 6.2 Pro. Просто блоки слева или одновременное отображение левых и правых блоков. Инструкция предназначена для тех кто уже редактировал стандартную тему оформления CMS.

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

Оформление и компоненты дизайна Ссылки на графику в теме

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

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

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

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

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

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

Файл basic.html отвечает за оформление выводимой информации, каждого её компонента (Новость, статья и т.д.) в модулях. По умолчанию используется и для оформления подробного просмотра, в случае если не используется дополнительный файл оформления подробного просмотра.

Использование блоков непосредственно в html файлах темы

Оформление и компоненты дизайна
Данный метод является самым простым, быстрым и в тоже время эффективным средством модификации и расширения функционала тем оформления системы. Для использования данной возможности не требуется навыков программирования, средний уровень знания HTML вёрстки является более чем достаточным. Приступим к использованию блоков непосредственно в html файлах темы оформления.

1. Создайте блок в панели администратора системы, им может быть стандартный или свободный блок.
2. Активируйте блок и в списке блоков определите его № - номер
3. Для вставки блока, например в основной файл: index.html темы оформления, достаточно добавить участок кода: {%BLOCKS n,ХХХ%}

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

Оформление и компоненты дизайна Описание оформления ошибок

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

Создание оформления ошибок для модуля

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

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

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

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

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

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

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

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

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

Создание оформления заголовков для модуля

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

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

Оформление и компоненты дизайна Описание оформления модулей

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

Всего: 14 на 2 страницах по 10 на каждой странице

Хотите опробовать SLAED CMS в действии?

Технологии

PHP MySQL HTML 5 CSS 3 jQuery jQuery UI

Контакты

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

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