Загрузка...
1 из 10
Как изменить количество колонок на YouTube с помощью CSS

Эта инструкция поможет пользователям изменить количество колонок на главной странице YouTube, используя пользовательские CSS-правила. Это особенно полезно для тех, кто хочет настроить интерфейс под себя, например, увеличить количество видео в ряду.

Почему на YouTube может быть только 2 колонки?

Некоторые пользователи замечают, что у них на главной странице YouTube отображается только 2 колонки видео, хотя в режиме инкогнито или у других пользователей может быть 3.

Это может быть связано с:

  • Тестированием нового интерфейса YouTube.
  • Размером экрана или масштабированием в браузере.
  • Кешем и cookies.
  • Расширениями браузера, влияющими на разметку страницы.

Как вернуть 3 колонки на YouTube?

Чтобы вручную настроить количество колонок, можно использовать пользовательские CSS-правила и любое расширение для браузера для работы с CSS стилями, например Stylus.

  1. Откроем Youtube в любом браузере
  2. Откроем расширение Stylus
  3. В поле Создать стиль для ... нажимаем на домен www.youtube.com
  4. Выделяем строку "Место для CSS кода"
  5. И вставляем CSS код для изменения колонок (Код можно найти в описании под инструкцией)
  6. Нажимаем Сохранить
  7. Переходим на сайт Youtube и видим что колонок стало три
  8. Чтобы изменить количество колонок, переходим обратно в редактор
  9. Выделяем цифру "3" в строке "width: calc(var(--ytd-rich-item-row-usable-width) / 3  "
  10. И ставим другое значение, например 4 что означает четыре колонки 
  11. Нажимаем Сохранить
  12. Переходим на сайт Youtube и видим что колонок стало четыре
  13. Готово

CSS код для изменения колонок

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

ytd-rich-item-renderer[rendered-from-rich-grid] {
    --ytd-rich-item-row-usable-width: calc(100% - var(--ytd-rich-grid-gutter-margin) * 2);
    width: calc(var(--ytd-rich-item-row-usable-width) / 3 - var(--ytd-rich-grid-item-margin) - .01px);
}

 

Категория: Youtube | Добавил: Designer | Теги: 3 колонки, YouTube, изменить сетку, Stylus, кастомизация, css, настройка YouTube
Просмотров: 510 | Загрузок: 0 | Рейтинг: 0.0/0


Всего комментариев: 0

Ваш Email не будет публиковаться