Школа
Веб-разработка

Как изменить стили чужого сайта?

2 янв 2025
👁 1413   🗩1
Веб-разработка

Как изменить стили чужого сайта?

2 янв 2025
👁 1413   🗩1
Игорь Петров
Разработчик, преподаватель Школы бюро
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать

Привет и с наступившим. Сегодня рубрика «знаете ли вы, что…».

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

Установите расширение в ваш браузер, обычно оно ищется по запросу типа «custom CSS extension Chrome». Инструментами разработчика найдите нужные элементы на сайте и добавьте им свои стили в расширении.

Допустим, в 2025 вы почему‑то до сих пор читаете ВК. Спрячем истории и бесполезную правую колонку, дадим больше места постам, а заодно уберём гирлянду в шапке:

Используйте !important, чтобы с гарантией перебить стили сайта.

Увы, способ плохо подходит для скрытия рекламы в популярных сервисах — компании вроде Яндекса и Мейла позаботились, чтобы «прицелиться» и надёжно спрятать их рекламу было почти невозможно.

Ещё стили сайтов всегда могут поменяться и придётся подкручивать свои переделки. К счастью, радикальные изменения у нормальных ребят случаются редко. Бывают и сайты с таким кодом, что человек в нём не разберётся, нормально поработать с этим не получится:

А в целом, покорчевать чужие стили — интересное развлечение, тренировка навыков вёрстки, ну и способ улучшить читаемость любимого сайта, почистить шум, подвинуть нужные кнопки поудобнее. Если хорошо знаете селекторы ЦСС — можно мутить и более сложные фокусы.

См. также:

P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.

Веб‑разработка
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментариев пока нет

Цель рубрики — обсуждение вопросов дизайна, веб-разработки, переговоров, редактуры и управления.
Комментарии модерируются. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры.

Рекомендуем другие советы