Всё для ВебМастера

Шаблон полностью построен на CSS, без использования графических элементов в оформлении (исключение - спрайтовая картинка с иконками). В первую очередь делался акцент на универсальность и гибкость в настройке шаблона. В качестве примера представлен сайт, основной тематикой которого является кино.

Шаблон построен на основе блочной сетки (CSS Grid), что позволяет без особых усилий менять структуру страницы (при необходимости), а так же задавать более сложный каркас для сайта, чем сквозные 2х, 3х колоночные макеты.

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



Для вывода кратких материалов предусмотрено два разных шаблона:
- простая новость (без использования доп. полей)
- фильм



Вывод фильма предусматривает два варианта отображения

Отображение фильмов в виде списка

Отображение фильмов в виде сетки (3 в строку)

При отображении фильмов в виде сетки можно так же настроить количество элементов в строке (2,3,4)

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

Полное содержание простой новости

Подробный вид отображения фильма

В шаблоне так же предусмотрена возможность установки фоновой картинки в виде постера (как на kinopoiske`e). После загрузки подготовленного изображения на сервер, необходимо будет изменить всего несколько значений.

Для отображения категорий и алфавитного указателя в навигационном меню расположено дополнительное меню, которое с помощью cookie запоминает активную вкладку, которую выбрал пользователь.


Если необходимо расположить категории (жанры) или дополнительное меню, в сайдбаре расположены два варианта блока: с обычным и цифровым индикатором



Цифровые значения для категорий являются статическим текстом. Для подсчета и вывода количества материалов в категории необходима установка стороннего модуля/хака. Меню представлено в качестве примера.

Для пользовательского вывода материалов через тег custom предопределены отдельные шаблоны
и система классов (CSS стилей), которые позволяют гибко настраивать вид отображения материалов, и буквально “на лету” изменить его при необходимости, заменив всего несколько строк.



Так же в шаблоне предусмотрено отображение материалов с помощью слайдеров и табов, в которых можно менять направление и эффекты листания, количество и вид отображаемых материалов.



Так же в шаблоне предусмотрено отображение материалов с помощью слайдеров и табов, в которых можно менять направление и эффекты листания, количество и вид отображаемых материалов.




Отображение шаблона корректно во всех современных браузерах с поддержкой CSS3.
Для браузеров не поддерживающих CSS3, скрипты и фильтры для их эмуляции не добавлялись, т.к. они замедляют обработку страницы и повышают ресурсопотребление браузера.
Поддержка IE от 7 версии и выше.

В комплекте с шаблоном: документация, PSD логотипа, шрифт