Kinogoshik - кино шаблон с переключателем цвета для DLE
Шаблон Kinogoshik выполнен в классическом стиле: темный дизайн в оттенках серого и расширенная карточка краткой новости с выводом основной информации. Как нетрудно догадаться, это вариация дизайна на тему популярного и старейшего сайта тематики «кино и сериалы». Отличительная особенность этого шаблона — это встроенный переключатель цвета шаблона, в остальном все вполне обычно и традиционно.
Тесты Google PageSpeed:
— главная страница: 76-86 смартфон 86-96 десктопы. CLS: 0-0.03.
— страница c плеером: 80-86 смартфон 84-96 десктопы. CLS: 0-0.03.
ОСНОВНОЕ И ГЛАВНАЯ СТРАНИЦА
- Быстрое переключение цвета шаблона с темного на светлый при клике на кнопку в шапке. Переключение происходит «на лету» без перезагрузки страницы и запоминается в браузере пользователя. По умолчанию шаблон темный.
- Логотип текстовый, просто вписываете текст в main.tpl и логотип меняется. Также в шаблоне используются CSS переменные для цвета и основных размеров. Вы можете в пару кликов менять цвета, фактически не имея знаний!
- Карусель популярных новинок (по умолчанию за неделю). А в категории показываются популярные именно этой категории. На постере оценка юзеров сайта по 10-бальной шкале окрашивается в цвета в зависимости от оценки. По умолчанию серый, красный, оранжевый, зеленый.
- Отдельная страница топ 100 фильмов и сериалов, там вид просто постерами в ряды.
- Готовое оформление для модуля фильтра без скриптов — скорость выше. В форме доступны: селекты, текстовые поля для ввода, радиокнопки.
- В шаблоне используется рейтинг «нравится не нравится». А звезды — это такой вариант рейтинга в процентах, это не рейтинг типа «оценка». Также вы можете видеть красивую круговую диаграмму и общую оценку.
- Ajax загрузка новых материалов по кнопке и обычная пагинация.
- Интересная структура шапки с информацией о фильме. На постере кнопка «смотреть онлайн», которая при клике прокрутит страницу к плееру.
- У комментариев, если нет аватара, то генерируется аватар с первой буквой имени и случайным цветом из заданного набора.
Автор: Redissx
Движок (CMS): DLE 14.x — 15.x;
Ширина: адаптивный (responsive), макс. ширина 1200px;
Вёрстка: html5, css3;
Кодировка: utf-8;
Комплектация: Шаблон, инструкция.
Страница продажи шаблона
DEMO
[attachment=187:kinogoshik-15.zip]