Браузер Vivaldi позволяет настраивать его внешний вид с помощью пользовательских CSS-стилей. В этой инструкции мы разберём, как изменить оформление вкладок на примере добавления стилей. Пошагово рассмотрим, где находятся файлы стилей, как их редактировать и применять, чтобы персонализировать браузер под свои нужды.
- Откроем браузер Vivaldi
- Перейдите в меню браузера
- Выберите раздел "Справка".
- И открываем страницу О программе
- Найдите строку "Путь к профилю" и выделите ее.
- Кликните правой кнопкой мыши по выделенному адресу.
- Выберите "Копировать" из контекстного меню.
- Откройте проводник Windows.
- Нажмите на поле адресной строки проводника.
- ... и нажмем правой кнопкой мыши
- Выберите "Вставить".
- В открывшейся папке, нажмите кнопку "Создать" для создания нового элемента.
- Выберите "Папка" и создайте новую папку.
- Придумайте любое название для папки.
- Дважды кликните, чтобы открыть созданную папку.
- В открывшейся папке нажмите "Создать"
- И выберите "Текстовый документ".
- Дважды кликните по документу, чтобы открыть его.
- В блокнот прописываем CSS стили, для примера изменим цвет активной вкладки на желтый.
- Открываем меню "Файл"
- Выбираем "Сохранить как".
- Дайте файлу имя и добавьте расширение ".css".
- Нажмите Тип файла
- ...
- Выбираем Все файлы
- Нажмите "Сохранить".
- Закройте блокнот.
- Вернитесь в браузер Vivaldi.
- Нажимаем на поле адресной строки
- В строке адреса введите "vivaldi:experiments".
- И переходим на страницу экспериментов.
- Найдите и установите галочку напротив "Allow CSS modifications" (Разрешить модификацию CSS).
- Перейдите в меню браузера.
- Откройте "Настройки".
- Перейдите на вкладку "Внешний вид".
- Прокрутите страницу вниз до раздела "СВОИ ФАЙЛЫ НАСТРОЙКИ UI".
- Нажмите "Выбрать папку".
- В диалоговом окне выберите папку, в которой вы создали CSS файл.
- Нажмите "Выбор папки".
- Закройте окно настроек.
- Закройте браузер.
- Откройте меню "Пуск".
- Запустите браузер Vivaldi снова.
- Готово! Вкладка теперь стала желтой.
Сообщество Telegram! Вступайте в нашу группу Telegram, комментируйте, задавайте вопросы и делитесь с друзьями новыми уроками . Вступить.
Оставляйте ваш комментарий! Нам важно ваше мнение о нашем проекте, напишите любой комментарий по поводу данного урока или о уроках в целом, без регистрации!.