вариант .ads-fix для видео; минимальная высота меньше (169px) на десктопе в сочетании с ads-aside
.ads-fixStrip
горизонтальный баннер с фиксированными размерами под разные экраны
.ads-aside
боковой блок рекламы. чтобы увидеть, нужно добавить в url ?ads=1
.ads-728
для классического рекламного блока 728×90, центрированный по горизонтали
.ads-auto
с автоматической шириной, которая подстраивается под содержимое и не центрируется
Матильда
Трейлеры
Корпорация Ad Libitum
Трейлеры
.ads-exchange
для «биржевой» рекламы, с минимальной высотой на мобиле, делает блочным
Хелперы
Вспомогательные компоненты не используются сами по себе, а используются только в составе других компонентов. Переменные нужны только для удобства демонстрации
.grid
Сетка
На мобиле сетка трансформируется в одну колонку
Ширина элемента задаётся классами grid_cellN, где N - количество колонок (максимальное значение 12)
В демо для наглядности генерируется класс grid_cellN по номеру элемента, чтобы показать все доступные варианты
N от 2 до 12. Значение 1 эквивалентно поведению по умолчанию (ширина 1 колонки)
$count
Количество элементов. По умолчанию 12
$isCellClass
Выводим элементы с классом grid_cellN или без. По умолчанию true
1
2
3
4
5
6
7
8
9
10
11
12
Можно выводить элементы без класса grid_cellN. В этом случае каждый элемент занимает одну колонку сетки
1
2
3
4
5
grid-N - модификатор, задающий количество колонок (реализованы значения от 2 до 6).
1
2
3
.grid-colorize
Окрашенные элементы
1
2
3
4
5
6
7
8
9
10
11
12
Контейнеры
.page
Страница
CSS переменные
--radius-page-desktop
Скругление подложки страницы на десктопе. Дефолтное значение – var(--wide-radius)
Используется с адвертроник. То есть по всему сайту. Пришел на замену .ads
.slot-fix
с заданными размерами
CSS переменные
--min-height
Минимальная высота (по умолч 300)
--min-height-desktop
Минимальная высота на десктопе (по умолч --min-height)
По умолч
Мобила 250, десктоп 100
.more
Ещё
CSS переменные
--lines-quantity
Количество строк до разворачивания
Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста
Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста
.more-gradient
с градиентом
Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста
.more-after
с кнопкой разворачивания под контентом и градиентом
Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста
Модификатор .heading-fix устанавливает одинаковый размер заголовка, как на мобиле, так и на десктопе. Может использоваться с заголовками разных уровней
Модификатор .heading-arrow может использоваться с заголовками разных уровней
Со стрелкой.heading-1.heading-arrow.heading-2.heading-arrow.heading-3.heading-arrow.heading-4.heading-arrow
.heading-image
С картинкой. Может использоваться с заголовками разных уровней
С картинкой.heading-1.heading-image.heading-2.heading-image.heading-3.heading-image.heading-4.heading-image
.picture
компонент для вывода адаптивного изображения
$parentClass
родительский CSS-класс
$childClass
дочерний CSS-класс. Если не задан и изображение отсутствует, по умолчанию присваивается класс "picture-alt"
$color
значение --color-picture. Дефолтное значение – #d8d8d8
$alt
alt картинки
$emptyText
текст вместо изображения. Если параметр передан, то вместо <img> выводится <span>…</span> с переданным текстом
$mobilePath
изображение для мобилы:
если передан полный путь – используется он, иначе – "img/tmp/"
если указан формат изображения – используется он, иначе – ".jpg"; также формируется путь для webp
$desktopPath
изображение для десктопа (min-width: 759px):
аналогично $mobilePath
$isLazy
следует ли использовать ленивую загрузку. по умолчанию true
$isPriority
cледует ли использовать высокий приоритет загрузки изображения. по умолчанию false
по умолчанию
если не передается путь изображения, но передается childClass, используется он
например, .picture-gradient.picture-poster (постер отстуствует - вместо него текст на градиентном фоне)
К сожалению, постер отсутствует
по умолчанию расширение - jpg, путь - "img/tmp/" (иначе переданное значение mobilePath/desktopPath)
без ленивой загрузки изображения и с высоким приоритетом
.picture (изображение 9/16)
.picture-alt
заглушка
.picture-static
с сохранением исходных пропорций
.picture-poster
изображение в виде постера 10/7 и скруглением
.picture-vert
вертикальное изображение 16/9
.picture-circle
круглое изображение
.picture-light
изображение со светлой подложкой
.picture-preloader
состояние загрузки
.picture-radius-small
изображение с небольшим скруглением
.picture-radius-big
изображение с сильным скруглением
.symbol
Символы
CSS переменные
--color
цвет иконки
Модификаторы для цвета символов
.activeIcon
Активная иконка с галочкой
.metroIcon
Иконка метро
$styleAttr
Значение атрибута style
По умолчанию инконка невидима, тк обводка прозрачная, а фона нет
С обводкой
С фоном
.avatar
Аватарка
$thumb
Размер изображения
.avatar-alt
С заглушкой
.avatar-big
Большая аватарка
.avatar-change
Блочный элемент, выровненный по центру, с нижним отступом
ссылка в формате ["text" => "string", "href" => "string"]
$isResetBtn
есть ли кнопка сбросить
$list
name : "string"
title : "string"
type : "radio | checkbox"
items : список в формате [[ "items" => [["name" => "string", "label" => "string"]]]]. вместо list["items"] может быть передан list["inner"] с разметкой (например, календарь)
.searchForm
Форма поиска
.searchFormSimple
Без визуального отображения. Используется только в онбординге
.newsShortList
Короткий список новостей. Переменные для разных списков разные
Без поделиться и коментовКарьера Рами Малека набирает обороты, раньше актера знали только поклонники сериала «Мистер Робот», но после выхода «Богемской
.newsV2-line
В линию
$ads
Показываем ли рекламу
$count
Количество. По умолчанию, 3
$commentText
Текст для комментариев. По умолчанию "2 комментария"
isPictureFooter : boolean (есть ли футер внутри картинки)
presentationBtn : "tickets" | "online" (кнопка "билеты" или "онлайн")
company : "string" (Компания. Если не передана для айтема, берется из урла. Если есть компания, выводим кнопку компании, иначе - то, что в $item["presentationBtn"])
pictureTag : готовая разметка для метки на картинке
$isAjaxWrapper
проставляем ли атрибут "data-ajaxcontent-wrapper" (для использования внутри AjaxMore)
Как во славном городе да во МуромеСказ о Петре и ФевронииРежиссерский дебют поп-певицы рассказывает о поворотном моменте в жизни Зу (Кейт Хадсон), наркоторговца в завязке. После смерти бабушки она внезапно…
Как во славном городе да во МуромеСказ о Петре и ФевронииРежиссерский дебют поп-певицы рассказывает о поворотном моменте в жизни Зу (Кейт Хадсон), наркоторговца в завязке. После смерти бабушки она внезапно…
.personList
Список персон
$hero
Отображать ли блок с ролью персонажа
$type
тип отображения (default, relations, shortRelations). По умолчанию default
$gridClass
Класс для карточки в сетке. По умолчанию grid_cell3
$imgSize
Размеры изображений. По умолчанию 80x114
.personList-default
По умолчанию
Белла ТорнoooooooooooooBella Thorne, 23 года Bella Thorne, 23 года Bella Thorne, 23 года8 октября 1997
Белла ТорнoooooooooooooBella Thorne, 23 года Bella Thorne, 23 года Bella Thorne, 23 года8 октября 1997
Белла ТорнoooooooooooooBella Thorne, 23 года Bella Thorne, 23 года Bella Thorne, 23 года8 октября 1997
Белла ТорнoooooooooooooBella Thorne, 23 года Bella Thorne, 23 года Bella Thorne, 23 года8 октября 1997
Белла ТорнoooooooooooooBella Thorne, 23 года Bella Thorne, 23 года Bella Thorne, 23 года8 октября 1997
Белла ТорнoooooooooooooBella Thorne, 23 года Bella Thorne, 23 года Bella Thorne, 23 года8 октября 1997
Белла ТорнoooooooooooooBella Thorne, 23 года Bella Thorne, 23 года Bella Thorne, 23 года8 октября 1997
Белла ТорнoooooooooooooBella Thorne, 23 года Bella Thorne, 23 года Bella Thorne, 23 года8 октября 1997
Белла ТорнoooooooooooooBella Thorne, 23 года Bella Thorne, 23 года Bella Thorne, 23 года8 октября 1997
Белла ТорнoooooooooooooBella Thorne, 23 года Bella Thorne, 23 года Bella Thorne, 23 года8 октября 1997
Белла ТорнoooooooooooooBella Thorne, 23 года Bella Thorne, 23 года Bella Thorne, 23 года8 октября 1997
Белла ТорнoooooooooooooBella Thorne, 23 года Bella Thorne, 23 года Bella Thorne, 23 года8 октября 1997
Свайпер в тело новости (перенесено с ST). Без модификатора не используется
$swiperId
id свайпера. Чтобы можно было использовать сразу несколько на странице
$items
tmp : "string"
text : "string"
.bodySwiper-horizontal
Горизонтальный
'It Is Unwatchable': Charlie Sheen Despises the Sequel To His $50M Movie long long long long long long long long long long long long long long long long long long
'It Is Unwatchable': Charlie Sheen Despises the Sequel To His $50M Movie long long long long long long long long long long long long long long long long long long long long long ong long long long long long long long long long long long long long long long long
'It Is Unwatchable': Charlie Sheen Despises the Sequel To His $50M Movie long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long
short text
'It Is Unwatchable': Charlie Sheen Despises the Sequel To His $50M Movie long long long long long long long long long long long long long long long long long long long long long
.bodySwiper-vertical
Вертикальный
'It Is Unwatchable': Charlie Sheen Despises the Sequel To His $50M Movie
'It Is Unwatchable': Charlie Sheen Despises the Sequel To His $50M Movie long long long long long long long long long long long long long long long long long long long long long
.customSlider
Кастомный слайдер
.detailsList
Список подробностей
Какие миры присутствуют в фильме Матрица?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe blanditiis nam culpa excepturi iusto quaerat sint corporis quod eius quo, modi accusantium cupiditate? Recusandae sed atque, maxime itaque autem laudantium?
Почему так популярен фильм Чужой?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe blanditiis nam culpa excepturi iusto quaerat sint corporis quod eius quo, modi accusantium cupiditate? Recusandae sed atque, maxime itaque autem laudantium?
Как снимали фильм «Аватар»
Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe blanditiis nam culpa excepturi iusto quaerat sint corporis quod eius quo, modi accusantium cupiditate? Recusandae sed atque, maxime itaque autem laudantium?
С чего начать просмотр фильмов про фантастические миры?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe blanditiis nam culpa excepturi iusto quaerat sint corporis quod eius quo, modi accusantium cupiditate? Recusandae sed atque, maxime itaque autem laudantium?
.similarList
Список похожих
$data
Список похожих вида ["string"]
Супергерои
Театр в кино
Наше кино
Кино с Оскаром
250 лучших фильмов
.similarList-vertical
В колонку
Стало известно, когда выйдет четвертый сезон «Очень странных дел» – он будет поделен на две части
«Очень странные дела» завершатся пятым сезоном
Продолжения сериалов в 2022 году: рассказываем о 12 главных проектах, возвращения которых мы очень ждем
Список меню. Если список передан в параметр, то булевую переменную передавать не нужно. Если передаем только булвую переменную, то исп дефолтный список
$breadcrumbsList
Список хлебных крошек. Если список передан в параметр, то булевую переменную передавать не нужно. Если передаем только булвую переменную, то исп дефолтный список
$bricksList
Список кирпичиков. Если список передан в параметр, то булевую переменную передавать не нужно. Если передаем только булвую переменную, то исп дефолтный список
Есть активные пункты, это то, что пользователь еще не видел, по сути новый контент. Сделано больше для тех кто зарегистрирован
Показываем на десктопе 3 последних обновления в фильме, на мобиле 7 обновлений.При нажатии на кнопку “получать обновления”, пользователь добавляет в избранное фильм.
Киноафиша ИИ8 октября 2023, 11:43Дата обновления: 01 июня 2025
Большинство зрителей оценивают фильм положительно, отмечая игру актеров и качественные спецэффекты. Критика касается слабой проработки второстепенных персонажей. Самые частые реакции - "смешно", "мило", "позитивно", а главный плюс - атмосфера доброго кино для всей семьи.Рекомендован семьям с детьми.
Саммари составлено ИИ на основе 12 отзывов.
.quotesList
Список цитат. Slot может вставляться в любое место в списке
$isAjaxWrapper
проставляем ли атрибут "data-ajaxcontent-wrapper" (для использования внутри AjaxMore)
$listUid
Id списка. По умолчанию, 123555. Нужно, если несколько списков на странице (для корректной работы реакций).
Путь для отправки формы. По умолчанию "/frontend/forms/submitForm/"
$formName
Имя формы. По умолчанию "submitForm"
$submitBtnText
Текст на кнопке submit. По умолчанию "submit"
$textareaPlaceholder
Плейсхолдер для поля вовда. По умолчанию "placeholder"
Форма с передачей параметров и показом кастомного попапа при успешной отправке
.universalFilters
Универсальные фильтры
$isBricks
Есть ли кирпичики. По умолчанию true
$isSearch
Есть ли поиск. По умолчанию false
$bricksList
Список для кирпичиков (bricks). Если список передан в параметр, то булевую переменную передавать не нужно. Если передаем только булвую переменную, то исп дефолтный список
$accordionList
Список для гармошки (accordion). Всегда выводится. Если список не передан, то исп дефолтный список
Генетические эксперименты компании «Энерджин» приводят к тому, что волк, крокодил и горилла
инфицированы. Они начинают расти не по дням, а по часам, становятся агрессивными и уничтожают все на своем пути.
Руководители компании «Энерджин» Генетические эксперименты компании «Энерджин» приводят к тому, что волк, крокодил и горилла
инфицированы. Они начинают расти не по дням, а по часам, становятся агрессивными и уничтожают все на своем пути.
Руководители компании «Энерджин»
Генетические эксперименты компании «Энерджин» приводят к тому, что волк, крокодил и горилла
инфицированы. Они начинают расти не по дням, а по часам, становятся агрессивными и уничтожают все на своем пути.
Руководители компании «Энерджин» Генетические эксперименты компании «Энерджин» приводят к тому, что волк, крокодил и горилла
инфицированы. Они начинают расти не по дням, а по часам, становятся агрессивными и уничтожают все на своем пути.
Руководители компании «Энерджин»
Генетические эксперименты компании «Энерджин» приводят к тому, что волк, крокодил и горилла
инфицированы. Они начинают расти не по дням, а по часам, становятся агрессивными и уничтожают все на своем пути.
Руководители компании «Энерджин» Генетические эксперименты компании «Энерджин» приводят к тому, что волк, крокодил и горилла
инфицированы. Они начинают расти не по дням, а по часам, становятся агрессивными и уничтожают все на своем пути.
Руководители компании «Энерджин»
Генетические эксперименты компании «Энерджин» приводят к тому, что волк, крокодил и горилла
инфицированы. Они начинают расти не по дням, а по часам, становятся агрессивными и уничтожают все на своем пути.
Руководители компании «Энерджин» Генетические эксперименты компании «Энерджин» приводят к тому, что волк, крокодил и горилла
инфицированы. Они начинают расти не по дням, а по часам, становятся агрессивными и уничтожают все на своем пути.
Руководители компании «Энерджин»
Авторизация по email