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

Статьи

Статьи - Темы

Темы %7C Популярные

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Всего: 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
Идеи и предложения
Обратная связь