Общий шаблон

.ads DEPRECATED

Рекламный блок (ему на смену пришел slot)

.ads-fix

с фиксированным минимальным размером

.ads-fix-video

вариант .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

.slot

Используется с адвертроник. То есть по всему сайту. Пришел на замену .ads

.slot-fix

с заданными размерами

CSS переменные

--min-height: Минимальная высота (по умолч 300)
--min-height-desktop: Минимальная высота на десктопе (по умолч --min-height)

По умолч

Мобила 250, десктоп 100

.more

Ещё

CSS переменные

--lines-quantity: Количество строк до разворачивания

Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста

.more-gradient

с градиентом

Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста

.more-after

с кнопкой разворачивания под контентом и градиентом

Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста Много текста

.button

Кнопка

Модификаторы кнопок

Размеры кнопок

.button-file

Загрузить файл

.button-more

.button-share

Поделиться в виде кнопки с попапом

mobileStripButton

.mobileStripButton

По умолч

Текст кнопки Длинный длинный очень длинный текст кнопки

.mobileStripButton-bt0

Без верхней границы на мобиле

Текст кнопки Длинный длинный очень длинный текст кнопки

Социальные иконки

По умолчанию

В линию

квадратные одноцветные

Цветные

В рамке

Круглые одноцветные

Круглые разноцветные

С подписями

.heading

Заголовки

.heading-1

Заголовок 1-го уровня

28px - мобила, 36px - десктоп

.heading-2

Заголовок 2-го уровня

24px - мобила, 32px - десктоп

.heading-3

Заголовок 3-го уровня

18px - мобила, 28px - десктоп

.heading-4

Заголовок 4-го уровня

16px - мобила, 24px - десктоп

.heading-fix

Модификатор .heading-fix устанавливает одинаковый размер заголовка, как на мобиле, так и на десктопе. Может использоваться с заголовками разных уровней

Фиксированного размера .heading-1 - 28px .heading-2 - 24px .heading-3 - 18px .heading-4 - 16px

.heading-arrow

Модификатор .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

Блочный элемент, выровненный по центру, с нижним отступом

.user

Юзер

Иванов Иван

.user-row

В строку

Иванов Иван

.mark

Оценка

5

.mark-small

Упрощённая версия на мобиле

5

.favBtn

Избранное

.favBtn-active

Активное состояник

.favBtn-text

Кнопка с текстом рядом с иконкой

.favBtn-want2go.favBtn-text

Скрывается на мобиле

.favBtn-rounded

Круглая кнопка с иконкой. Предназначена для мобильных экранов. На десктопе дефолтная версия

.favBtn-rounded-opacity

Круглая кнопка с иконкой на полупрозрачном фоне

.favBtn-square

Квадратная кнопка с иконкой. Предназначена для мобильных экранов. На десктопе дефолтная версия

.favBtn-square-adaptive

Квадратная кнопка для всех расширений

.trailerBtn

Кнопка трейлера

.trailerBtn-square-adaptive

Квадратная кнопка для всех расширений

.goBtn

Пойду

.goBtn-active

Активное состояние

.watchedBtn

Просмотрено

.watchedBtn-active

Активное состояние

.imdbRatingPlugin

Рейтинг imdb

IMDb:

.rating

Рейтинг

Оцените:

.rating-detailed

Подробный

6.3 Оцените

16 голосов Рейтинг IMDb:

мало голосов Оцените

16 голосов Рейтинг IMDb:

.rating-detailedNew

Подробный новый

6.3 Рейтинг IMDb: 8.6

Оцените

.rating-schedule

С графиком

16 голосов

1

2

3

4

5

6

7

8

9

10

Оцените

.rating-mark

С оценкой

6.3

Оцените

С попапом при наведении

.miniRating

Мини-рейтинг

.miniRating-good

рейтинг >= 7

10

.miniRating-normal

рейтинг >= 5

5

.miniRating-bad

рейтинг > 0

3

.miniRating-neutral

нет рейтинга

-

.miniMark

Мини пометка

$inner: Внутренний контент пометки
$tagName: Тэг. По умолчанию span
$href: Ссылка. Если tagName === a, выводим атрибут href

Есть рецензия Есть рецензия

Со ссылкой

.miniMark-primary

Основной

Эксклюзив

.miniMark-danger

Спойлер

Осторожно, спойлер!

.miniMark-secondary

Серый фон

.ageRating

Возрастной Рейтинг

16+

.session

Сеанс

$type: Типа блока. "default" | "disable" | "cheap". По умолчанию "default"
$canBuy: Разрешена ли покупка, Если да, подключается модуль ToBuy
$buyService: Через какой сервис будет происходить покупка. По умолчанию "bycardby"
$buyClass: Формирует CSS-класс, который добавляется к блоку, если $canBuy === true
$dataParam: JSON-строка с параметрами для ToBuy
$content: "time" | "price" (или время с ценой ли просто цена). По умолчанию "time"

.session-default

По умолчанию

.session-disabled

Сеанс начался

.session-ticket

Можно купить билет

.session-cheap

Дешевая цена

.session-small

Маленькая плашка

Rambler

новый, если есть APP.vars.rbLink

Kinoxoд

Premieralight

Karo

Kinoplan

Silverscreenby

ticketland

platformamts

.like

Лайк

$param: Параметры для модуля Vote
$onlyBox: Нужен ли только контейнер без подключения модуля или полноценный блок с атрибутами для работы модуля Vote

21

20

.voteBtn

Голосовалка

$param: Параметры для модуля Vote
$list: [["yes" => ["text" => "", "count" => ""]], ["no" => ["text" => "", "count" => ""]]]

Cмотрю 191

Не смотрю 16

yes 191

no 16

metros

Метро

Гостиный двор

.table

Таблица

Название мероприятия	Год	Дата мероприятия	Место проведения	Ведущие
Оскар 2023	2023	10 сентября 2023 г. – 27 сентября 2023 г.	Penthouse Suite of the Four-Points, Sheraton Hotel, Санта-Моника, Калифорния, США	Эмми Шумер, Ванда Сайкс, Реджина Холл
Penthouse Suite of the Four-Points, Sheraton Hotel, Санта-Моника, Калифорния, США	2023	10 сентября 2023 г. – 27 сентября 2023 г.	Penthouse Suite of the Four-Points, Sheraton Hotel, Санта-Моника, Калифорния, США	Эмми Шумер, Ванда Сайкс, Реджина Холл

.table-adaptive

Адаптивная таблица. Перестраивается на мобиле

Название мероприятия	Год	Дата мероприятия	Место проведения	Ведущие
Оскар 2023	2023	10 сентября 2023 г. – 27 сентября 2023 г.	Penthouse Suite of the Four-Points, Sheraton Hotel, Санта-Моника, Калифорния, США	Эмми Шумер, Ванда Сайкс, Реджина Холл
Penthouse Suite of the Four-Points, Sheraton Hotel, Санта-Моника, Калифорния, США	2023	10 сентября 2023 г. – 27 сентября 2023 г.	Penthouse Suite of the Four-Points, Sheraton Hotel, Санта-Моника, Калифорния, США	Эмми Шумер, Ванда Сайкс, Реджина Холл

.tableFix

Таблица, которую можно свайпить на мобиле

Дата	Страна	Прокатчик	PG
11 августа 2024	Россия	UPI	PG-13
21 сентября 2024	Доминиканская Республика	Атмосфера Кино	PG-13

.issueAuthor

Информация об авторе статьи/вопроса/др.

$isAvatarImg: есть ли аватар

Оксана Семёнова 13 марта 2021 Дата обновления: 15 ноября 2024

.emojiList

Реакции

$dataType

Тип контента реакции. По умолчанию, article

$dataUid

Id контента реакции. По умолчанию, 123555. Нужно, если несколько реакций на странице.

$list

title : "string"
alt : "string"
emoji : "string"
isActive : boolean
count : "string"
analytics : "string"

🧡 85

👏 25

🥺

🤔 1

🥱 2

input

select

textarea

radio

checkbox

лейбел

submit

.form

Форма

Заголовок

Инпут

Инпут правильно

Инпут неправильно

Текст ошибки

Инпут

Ареа

Селект

Нажимая на кнопку, Вы даете согласие на обработку персональных данных и соглашаетесь с политикой конфиденциальности.

Вы должны согласиться на обработку персональных данных

.visualEditorInsertion

Визуальный редактор

	Название	Исполнитель/Композитор	Время
1	Ragnarok Suite	Марк Мазерсбо	8:53
2	Running Short on Options	Марк Мазерсбо	2:47
3	Thor: Ragnarok	Марк Мазерсбо	1:10

Абзац

Фильм основан на реальной истории советского танкиста, который попал в немецкий плен, где испытывали оружие на танках Т-34

Бюджет картины составил 600 миллионов рублей

Выход картины приурочен к столетней годовщине создания Красной Армии

Список

Бюджет картины составил 600 миллионов рублей
Фильм основан на реальной истории советского танкиста, который попал в немецкий плен, где испытывали оружие на танках Т-34
Выход картины приурочен к столетней годовщине создания Красной Армии

.visualEditorInsertion-large

С увеличенным шрифтом

Абзац

Фильм основан на реальной истории советского танкиста, который попал в немецкий плен, где испытывали оружие на танках Т-34

Бюджет картины составил 600 миллионов рублей

Выход картины приурочен к столетней годовщине создания Красной Армии

Список

Бюджет картины составил 600 миллионов рублей
Фильм основан на реальной истории советского танкиста, который попал в немецкий плен, где испытывали оружие на танках Т-34
Выход картины приурочен к столетней годовщине создания Красной Армии

.visualEditorInsertion-info

Модификатор для оформления информационных блоков внутри контента

Абзац

Фильм основан на реальной истории советского танкиста, который попал в немецкий плен, где испытывали оружие на танках Т-34

Бюджет картины составил 600 миллионов рублей

Выход картины приурочен к столетней годовщине создания Красной Армии

Список

Бюджет картины составил 600 миллионов рублей
Фильм основан на реальной истории советского танкиста, который попал в немецкий плен, где испытывали оружие на танках Т-34
Выход картины приурочен к столетней годовщине создания Красной Армии

.share

.shareBtn

Кнопка с раскрывающимся списком шарингов

.share2

Поделиться 2. Круглые цветные шеринги с подписями

Есть поделиться в виде кнопки с попапом #button-share

.bricks

Кирпичики

$itemTag

HTML-тег, которым оборачивается каждый пункт (a | button). Если jsSwitcher === true, то всегда button

$tab

Значение, с которым сравнивается href текущего элемента. Если совпадает — кирпичик активный

$jsSwitcher

Если да, используется button вместо a, активный класс js-active

$itemActiveClass

Класс, который добавляется к активному элементу

$isMore

Подключается ли модуль ItemsEllipsis

$list

name : "string"
active : boolean
href : "string"

.bricks-normal

Базовая вариация

.bricks-normal-reverse.bricks-normal

Базовая вариация с цветами наоборот

.bricks-normal-mono.bricks-normal

Базовая вариация однотонная

.bricks-descNormal

Базовая вариация только на десктопе

.bricks-unite

Слитные

.bricks-descUnite

Слитные только на десктопе

.bricks-line

В одну линию

.bricks-wrap

Перенос элементов при узком экране

.bricks-filter

Для фильтров

.bricks-filled

С фоновым цветом

.bricks-unite-filled

Слитные с фоновым цветом (для табов)

.bricks-filled-rounded

С фоновым цветом и скруглением

.bricks-more

Со скрытыми элементами и возможностью раскрыть

.bricks-bordered

С бордером

.bricks-bordered-rounded

C бордером и скруглением

.pagination

Постраничная навигация на .bricks. Нужна роботам и пользователям без js: в лентах с динамической подгрузкой блок помечают атрибутом data-dynamicPage-hide — модуль dynamicPage прячет такую навигацию, когда страницы догружаются скриптом.

Первая и последняя страница видны всегда, вокруг текущей — окно соседей, остальное сворачивается в точки. Номеров всегда $visible: у краев окно разрастается в одну сторону, поэтому ширина блока не скачет от страницы к странице.

$url: Шаблон ссылки, подстрока {page} заменяется номером страницы
$current: Номер текущей страницы. По умолчанию 1
$total: Всего страниц. По умолчанию 9
$visible: Сколько номеров показываем, не считая точек. По умолчанию 5, меньше 3 не бывает
$attrs: Атрибуты корня блока, например data-dynamicPage-hide
$childClass: Модификаторы .bricks. По умолчанию bricks-normal bricks-unite swipe outer-mobile inner-mobile

Первая страница: «Назад» не выводится, окно уезжает вправо

Страница в середине: есть и «Назад», и «Вперед», точки с двух сторон

Последняя страница: «Вперед» не выводится, окно уезжает влево

Страниц мало — точек нет

.insert

Обертка для вставки iframe

CSS переменные

--label: текст заглушки
--height-mobile: фиксированная высота блока для мобильной версии
--height-desktop: фиксированная высота блока для десктопа
--aspect-ratio-mobile: соотношение сторон для пропорциональной вставки для мобильной версии. По умолчанию 16/9
--aspect-ratio-desktop: соотношение сторон для пропорциональной вставки для десктопа. По умолчанию 16/9

Без модификатора. Высота задается посредством JS модуля insert (скачок при загрузке)

.insert-fix - с фиксированными размерами, которые могут меняться через переменные

если мы хотим, чтобы блок растягивался по содержимому, добавить data-param='{"float":true}'

.insert-proportional - с определенными пропорциями, которые могут меняться через переменные. По умолчанию 16/9

если мы хотим, чтобы блок растягивался по содержимому, добавить data-param='{"float":true}'

.badgeList

Бейджики

Для разных модулей свои переменные

$thumb

Размер изображения

$list

name : "string"
link : boolean
thumb : boolean

Название мым ыв мыв ывс ывс ывсыс высывс с сывсывсысыв сывсы вс ыс ы сы сыс ысывс ы сывсывсывсв

Еще название

Самое длинное предлинное название длинное предлинное длинное предлинное название

Следующее название

.badgeListBig

Увеличенные бейджики

Название мым ыв мыв ывс ывс ывсыс высывс с сывсывсысыв сывсы вс ыс ы сы сыс ысывс ы сывсывсывсв

Еще название

Самое длинное предлинное название длинное предлинное длинное предлинное название

Следующее название

.badgeListQuiz

Квиз

Название мым ыв мыв ывс ывс ывсыс высывс с сывсывсысыв сывсы вс ыс ы сы сыс ысывс ы сывсывсывсв

.badgeListInfo

С описанием

$list

name : "string"
status : "string"
imgSize : "string"

Николь Кидман

Близкие подруги

Хит Леджер

Были в отношениях с хххх по хххх

Дуэйн Джонсон

Были в браке с хххх по хххх

.badgeListVertical

В столбик

Название мым ыв мыв ывс ывс ывсыс высывс с сывсывсысыв сывсы вс ыс ы сы сыс ысывс ы сывсывсывсв

Еще название

Самое длинное предлинное название длинное предлинное длинное предлинное название

Следующее название

.badgeList-rounded

Скругленые на мобиле

$thumb

Размер изображения

$thumbSize

Явно задаёт размеры миниатюры, переопределяя автологику на основе $childClass

$list

name : "string"
character : "string"
link : boolean
thumb : boolean

$characters

Персонажи

Энн Миллер

Джастин Теру

Анджелина Джоли-Парке

Дуэйн Джонсонсонов

Анатолий Епифанцев

.badgeListRoundedAll

Скругленые на всех разрешениях

Энн Миллер

Джастин Теру

Анджелина Джоли-Парке

Дуэйн Джонсонсонов

.plusList

Преимущества

$thumb

Размер изображения

$list

icon : "string"
text : "string"

Есть бар

Есть кафе

С детьми

Есть WIFI

Есть бар

Есть кафе

С детьми

Есть WIFI

Есть бар

Есть кафе

С детьми

Есть WIFI

.datePicker

Выбор даты

мар

2020

.week

Неделя

$list

Название текущего списка. Нужно для формирования ссылки

$link

Ссылка на дате

$days

name : "string"
num : "string"
childClass : "string"

Сегодня 8 сен ср 9 чт 10 пт 11 сб 12 вс 13 пн 14 вт 15 ср 16 чт 17 пт 18 сб 19 вс 20 пн 21

.scrolling

Там, где есть свайп - свайпится, в остальных случаях скоролится по стрелочкам

.scrolling-default

По умолчанию

.byMonth

Календарь по месяцам. Используется вместе со scrolling, иначе выходит за страницу на десктопе

Май

Сегодня 8 сен ср 9 чт 10 пт 11 сб 12 вс 13 пн 14 вт 15 ср 16 чт 17 пт 18 сб 19 вс 20 пн 21

Июнь

Сегодня 8 сен ср 9 чт 10 пт 11 сб 12 вс 13 пн 14 вт 15 ср 16 чт 17 пт 18 сб 19 вс 20 пн 21

Июнь

Сегодня 8 сен ср 9 чт 10 пт 11 сб 12 вс 13 пн 14 вт 15 ср 16 чт 17 пт 18 сб 19 вс 20 пн 21

Навигация

С количеством

.navigationCellsNew.navigation-cells

С количеством (обновленный вид с хэшем)

.linkList

Список ссылок

.linkList-side

В колонке

Заголовок

.dropList

Выпадающий список

.dropListArrows

Со стрелками

.accordion

Аккордион

$title

заголовок

$link

ссылка в формате ["text" => "string", "href" => "string"]

$isResetBtn

есть ли кнопка сбросить

$list

name : "string"
title : "string"
type : "radio | checkbox"
items : список в формате [[ "items" => [["name" => "string", "label" => "string"]]]]. вместо list["items"] может быть передан list["inner"] с разметкой (например, календарь)

Форма поиска

.searchFormSimple

Без визуального отображения. Используется только в онбординге

.newsShortList

Короткий список новостей. Переменные для разных списков разные

.newsShortList-default

По умолчанию

25 сентября 2016

«Рэмпейдж» стал лидером американского проката

25 сентября 2016

Джейк Джилленхол в трейлере вестерн-комедии «Братья Систерс» в трейлере вестерн-комедии «Братья Систерс» 25 сентября 2016

Джейк Джилленхол в трейлере вестерн-комедии «Братья Систерс» в трейлере вестерн-комедии «Братья Систерс»

.newsShortList-byDate

Дата наверху

20 сентября 2016

«Рэмпейдж» стал лидером американского проката 21 сентября 2016

Длинный текст в три строчки Длинный текст в три строчки Длинный текст в три строчки Длинный текст в три строчки 22 сентября 2016

«Рэмпейдж» стал лидером американского проката 23 сентября 2016

«Рэмпейдж» стал лидером американского проката 24 сентября 2016

«Рэмпейдж» стал лидером американского проката 25 сентября 2016

«Рэмпейдж» стал лидером американского проката 26 сентября 2016

«Рэмпейдж» стал лидером американского проката 27 сентября 2016

«Рэмпейдж» стал лидером американского проката

.newsShortList-byDate-same

Дата наверху и все айтемы с изображением

20 сентября 2016

«Рэмпейдж» стал лидером американского проката 21 сентября 2016

Длинный текст в три строчки Длинный текст в три строчки Длинный текст в три строчки Длинный текст в три строчки 22 сентября 2016

«Рэмпейдж» стал лидером американского проката 23 сентября 2016

«Рэмпейдж» стал лидером американского проката 24 сентября 2016

«Рэмпейдж» стал лидером американского проката 25 сентября 2016

«Рэмпейдж» стал лидером американского проката 26 сентября 2016

«Рэмпейдж» стал лидером американского проката 27 сентября 2016

«Рэмпейдж» стал лидером американского проката

.newsShortList-noDate

Без даты

Джейк Джилленхол в трейлере вестерн-комедии «Братья Систерс» в трейлере вестерн-комедии «Братья Систерс»

.newsShortList-onThumb

Инфо поверх карточки

$itemLink

Если true, элемент рендерится как <a>; если false — как <div>

$hasDate

Есть ли дата. Если да, добавляет класс newsShortList-withDate

$gridCell

CSS-класс, управляющий шириной карточки в сетке

$isSwipe

Добавляет классы swipe inner-mobile outer-mobile для активации свайпа на мобиле

$data

date : "string"
title : "string"

Сегодня Магл получает волшебную палочку в новом трейлере «Фантастических тварей: Тайны Дамблдора»

1 день назад Студия Warner Bros отменила выпуск «Бэтмена» в российский прокат за день до премьеры

5 дней назад Джаред Лето учится контролировать свои опасные суперспособности в финальном трейлере «Морбиуса»

.newsShortListVertical

В колонку

Магл получает волшебную палочку в новом трейлере «Фантастических тварей: Тайны Дамблдора»

Студия Warner Bros отменила выпуск «Бэтмена» в российский прокат за день до премьеры

Джаред Лето учится контролировать свои опасные суперспособности в финальном трейлере «Морбиуса»

.newsV2

Список новостей. Переменные для разных списков разные

.newsV2-default

По умолчанию

$ads: Показываем ли рекламу
$isCrushVote: Есть ли голосовалка "Персона дня" (crushVote)

Эксклюзив Звезду «Богемской рапсодии» Рами Малека позвали на роль главного злодея Карьера Рами Малека набирает обороты, раньше актера знали только поклонники сериала «Мистер Робот», но после выхода «Богемской

2 комментария

25 сентября 2016 17:00

Звезду «Богемской рапсодии» Рами Малека позвали на роль главного злодея в «Бонде 25» Карьера Рами Малека набирает обороты, раньше актера знали только поклонники сериала «Мистер Робот», но после выхода «Богемской

Написать

25 сентября 2016

Звезду «Богемской рапсодии» Рами Малека позвали на роль главного злодея в «Бонде 25» Карьера Рами Малека набирает обороты, раньше актера знали только поклонники сериала «Мистер Робот», но после выхода «Богемской

2 комментария

25 сентября 2016

Без поделиться и коментов Карьера Рами Малека набирает обороты, раньше актера знали только поклонники сериала «Мистер Робот», но после выхода «Богемской

25 сентября 2016

.newsV2-line

В линию

$ads: Показываем ли рекламу
$count: Количество. По умолчанию, 3
$commentText: Текст для комментариев. По умолчанию "2 комментария"
$isShare: Есть ли шаринги
$isDesc: Есть ли описание

Звезду «Богемской рапсодии» Рами Малека позвали на роль главного злодея в «Бонде 25» Карьера Рами Малека набирает обороты, раньше актера знали только поклонники сериала «Мистер Робот», но после выхода «Богемской

2 комментария

25 сентября 2016 17:00

Звезду «Богемской рапсодии» Рами Малека позвали на роль главного злодея в «Бонде 25» Карьера Рами Малека набирает обороты, раньше актера знали только поклонники сериала «Мистер Робот», но после выхода «Богемской

2 комментария

25 сентября 2016 17:00

Список видео. Переменные для разных списков разные

С названием

$isVote: Есть ли голосование
$count: Количество. По умолчанию 3
$isContent: Есть ли контент внутри айтемов
$isLazy: следует ли использовать ленивую загрузку. по умолчанию true
$isPriority: cледует ли использовать высокий приоритет загрузки изображения. по умолчанию false
$mobilePath: изображение для мобилы. по умолчанию 465x320
$desktopPath: изображение для десктопа. если не передано, используется значение $mobilePath

Без контента внутри

Без ленивой загрузки изображения и с высоким приоритетом, c уменьшенной картинкой на мобиле

В столбик

не перестраивается в зависимости от ширины экрана и содержит информацию о длительности трейлера и просмотрах. используется вместе с videoList-name

$count: Количество. По умолчанию 3

на всю ширину

.myVideotronic

Плеер videotronic. Источники, шеринг и плейсмент рекламы задаются атрибутами тега, реклама настраивается на сервере videotronic по data-name

$param: Конфиг модуля: trailer_id для статистики
$attr: дополнительные атрибуты
$showOurPreview: Показывать ли превью-изображение и кнопку Play

.trailer

Треллер. Переменные для разных списков разные

$videoInsertionType: Управляет способом отображения трейлера. На его основе формируется класс .trailer-

Смотреть онлайн бесплатно

2018/США Ready Player One Как разговаривать с девушками на вечеринках с очень длинным названием просто уменьшаем размер шрифта

6.3 Оцените

16 голосов Рейтинг IMDb:

Написать отзыв

Оценить фильм можно будет после премьеры Билеты от 150Р

.trailer-image

картинка вместо видео

.trailer-empty

Без картинки и без видео

запуск в попапе

.trailer-online

Онлайн

$param: Конфиг

Киноафиша Фильмы Последний богатырь: Корень зла Смотреть олайн

Шан-Чи и легенда десяти колец, 2021

Shang-Chi and the Legend of the Ten Rings16+

10 фэнтези США 2 часа 14 мин Rus

Первый блокбастер Marvel о супергерое китайского происхождения!

Трейлер

.onlinePlayer

Онлайн плеер. Переменные для разных плееров разные

$isPicture: Есть ли картинка

Смотреть
бесплатно

.onlinePlayer-link

Плеер-ссылка

$isPicture: Есть ли картинка
$isApple: Есть ли эпл

Плеер-ссылка + вертикальное расположение. Показывается только на мобиле

.onlinePlayer-apple

Плеер-эпл

.onlinePlayer-advanced

Расширенный плеер

$isPicture: Есть ли картинка
$isBackground: Есть ли фон

Смотреть
бесплатно

6.3 Оцените

16 голосов Рейтинг IMDb:

.scheduleAnons

Анонс расписания

Кинотеатр оставляет за собой право менять расписание и цены билетов по своему усмотрению

Смотреть в кино Расписание и билеты

Название кинотеатра

Полное расписание и билеты

.scheduleAnonsTheater

Анонс театрального расписания

Кинотеатр оставляет за собой право менять расписание и цены билетов по своему усмотрению

Расписание сеансов в кинотеатре Каро 7 на Стачек

Матильда

Сегодня 9 сеансов

...

Матильда

Сегодня 9 сеансов

...

Матильда

Сегодня 9 сеансов

...

Матильда

Сегодня 9 сеансов

...

Полное расписание и билеты

.rentalAnons

Анонс проката

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

.favFilmsList

Список избранных фильмов

$movies

title : "string"
isFav : boolean
genres : "string"
other : "string"
rating : number
isTickets : boolean
isOnline : boolean

7.3

Доктор Стрэндж: В мультивселенной безумия 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 long long long long long long long long long

2022, США long long long long long long long long long long long long long long long long long long long

Трейлер Рецензия

Билеты

7.3

Отчаянные мстители

приключения, фэнтези, военный

2021, Италия / Бельгия

Трейлер Рецензия

Билеты

7.3

Отчаянные мстители

приключения, фэнтези, военный

2021, Италия / Бельгия

Трейлер Рецензия

7.3

Нюрнберг

исторический, драма, военный, триллер, приключения

2022, Россия / Германия / Чехия / Великобритания

Трейлер Рецензия

.showtimes

Расписание. Переменные для разных расписаний разные

.showtimes-bordered

Ячейки с разделителями

Название кинотеатра г. Москва, Чонгарский бульвар, 7, этаж 3

5

2D

3D

Кинопарк г. Москва, Чонгарский бульвар, 7, этаж 3

5

2D

3D

4DX

TIFLO

Курортный г. Москва, Чонгарский бульвар, 7, этаж 3

5

2D

3D

SUB

Октябрь г. Москва, Чонгарский бульвар, 7, этаж 3

5

2D

3D

SCREENX

.showtimesByMovie

Расписание по фильму

$list: Список кинотеатров

Название кинотеатра г. Москва, Чонгарский бульвар, 7, этаж 3

5

2D

3D

Кинопарк г. Москва, Чонгарский бульвар, 7, этаж 3

5

2D

3D

4DX

TIFLO

Курортный г. Москва, Чонгарский бульвар, 7, этаж 3

5

2D

3D

SUB

Октябрь г. Москва, Чонгарский бульвар, 7, этаж 3

5

2D

3D

SCREENX

.showtimesTime

Расписание по времени

Люксор в ТРК «Лето» Звездная, Московская

5

2D

Купить билет

150 ₽

Еще по одной Драма

2D

150 ₽

Люксор в ТРК «Лето» Звездная, Московская

5

2D, 3D

Купить билет

150 ₽

Люксор в ТРК «Лето» Звездная, Московская

5

2D

150 ₽

Люксор в ТРК «Лето» Звездная, Московская

5

2D

150 ₽

.showtimesMetro

Расписание по метро

Автово

Название 1

Звездная

Московская

5

2D

3D

Автово

Люксор в ТРК «Лето»

Звездная

Московская

5

2D

3D

Название 2

Звездная

Московская

5

2D

3D

.showtimesMovie

Компактная ячейка фильма (постер + название + жанр + favBtn). Используется в showtimesTime.

$parentClass: класс-родитель (обычно showtimes_cell)
$childClass: дополнительный класс

Еще по одной Драма

.showtimesMovie-full

Развёрнутая ячейка фильма (постер + название + слоган + жанры + год/страна + actions). Используется в showtimesByCinema, showtimesFavCinema, showtimesFavMovie.

$parentClass

класс-родитель (обычно showtimes_cell)

$childClass

дополнительный класс

$itemTag

готовая разметка для метки под названием фильма

$showRating

boolean — показывать ли .miniRating рядом с постером

$actions

тип блока actions:

mark-fav-rounded (по умолчанию) — mark + favBtn-rounded
fav-trailer-review — favBtn-square + ссылки на трейлер и рецензию

$item

массив с ключами trailerid, review (для варианта fav-trailer-review)

Вариант по умолчанию (mark + favBtn-rounded):

Планета обезьян: Война Третья часть эпичной драмы драма, фантастика, боевик 2017, США

5

Вариант с рейтингом и actions fav-trailer-review:

7.3

Планета обезьян: Война Третья часть эпичной драмы драма, фантастика, боевик 2017, США

Трейлер Рецензия

.showtimesByCinema

Расписание по кинотетру

$itemTag: готовая разметка для метки внутри айтема (под названием тайтла)

Планета обезьян: Война Третья часть эпичной драмы драма, фантастика, боевик 2017, США

5

2D

3D

Планета обезьян: Война Третья часть эпичной драмы драма, фантастика, боевик 2017, США

5

Точные дату и время уточняйте в кинотеатре +7 (813) 722-26-24 Позвонить

Планета обезьян: Война Третья часть эпичной драмы драма, фантастика, боевик 2017, США

5

2D

3D

Расписание с пометкой "реклама"

Планета обезьян: Война реклама Третья часть эпичной драмы драма, фантастика, боевик 2017, США

5

2D

3D

Планета обезьян: Война реклама Третья часть эпичной драмы драма, фантастика, боевик 2017, США

5

Точные дату и время уточняйте в кинотеатре +7 (813) 722-26-24 Позвонить

Планета обезьян: Война реклама Третья часть эпичной драмы драма, фантастика, боевик 2017, США

5

2D

3D

.showtimesFavCinema

Расписание по кинотетру в избранном

Люксор в ТРК «Лето» Звездная, Московская

5

7.3

Планета обезьян: Война Третья часть эпичной драмы драма, фантастика, боевик 2017, США

Трейлер Рецензия

2D

3D

7.3

Планета обезьян: Война Третья часть эпичной драмы драма, фантастика, боевик 2017, США

Трейлер Рецензия

2D

3D

7.3

Планета обезьян: Война Третья часть эпичной драмы драма, фантастика, боевик 2017, США

Трейлер Рецензия

2D

3D

Люксор в ТРК «Лето» Звездная, Московская

5

7.3

Планета обезьян: Война Третья часть эпичной драмы драма, фантастика, боевик 2017, США

Трейлер Рецензия

2D

3D

7.3

Планета обезьян: Война Третья часть эпичной драмы драма, фантастика, боевик 2017, США

Трейлер Рецензия

2D

3D

7.3

Планета обезьян: Война Третья часть эпичной драмы драма, фантастика, боевик 2017, США

Трейлер Рецензия

2D

3D

.showtimesFavMovie

Расписание по фильму в избранном

7.3

Планета обезьян: Война Третья часть эпичной драмы драма, фантастика, боевик 2017, США

Трейлер Рецензия

Люксор в ТРК «Лето»

Звездная

Московская

5

2D

3D

Люксор в ТРК «Лето»

Звездная

Московская

5

2D

3D

Люксор в ТРК «Лето»

Звездная

Московская

5

2D

3D

7.3

Планета обезьян: Война Третья часть эпичной драмы драма, фантастика, боевик 2017, США

Трейлер Рецензия

Люксор в ТРК «Лето»

Звездная

Московская

5

2D

3D

Люксор в ТРК «Лето»

Звездная

Московская

5

2D

3D

Люксор в ТРК «Лето»

Звездная

Московская

5

2D

3D

.showtimesShort

Короткое расписание

Название кинотеатра

.showtimesShortMovie

Короткое расписание с фильмами

Матильда

Сегодня 9 сеансов

...

Матильда

Сегодня 9 сеансов

...

Матильда

Сегодня 9 сеансов

...

Матильда

Сегодня 9 сеансов

...

.showtimesByDate

Расписание по дате

15 августа среда

18:00

Рязанский театр драмы Первомайский просп., 68/2

от 100 ₽

16 августа четверг

19:00

Рязанский театр драмы слишком длинное название для драмы Первомайский просп., 68/2

от 100 ₽

21:00

Новат Первомайский просп., 68/2

от 400 ₽

17 августа пятница

21:00

Санкт-Петербург, Михайловский театр

Звездная

Московская

от 2000 ₽

21:00

Москва, Михайловский театр

Звездная

от 100 ₽

.schedule-date

Расписание по дате (showtimesByDate) внутри списка с табами (tabsContent)

Август

Сентябрь long long long long long long long long long long

Октябрь long long long long long long long long long long

15 августа среда

18:00

Рязанский театр драмы Первомайский просп., 68/2

от 100 ₽

16 августа четверг

19:00

Рязанский театр драмы слишком длинное название для драмы Первомайский просп., 68/2

от 100 ₽