Поисковик Яндекс представляет собой страницу с белым фоном с виджетами (новости, погода, дата, время и т.д). При использовании интернета именно поисковик, это то что чаще всего используется и дизайн со временем становится скучным.
В этом уроке мы попробуем сделать свою тему Яндекс поисковика в браузере путем изменения CSS с помощью расширение ESI Stylish
Создаем свою тему оформления страницы Яндекса
Для начало нужно скачать расширение для браузера ESI Stylish из магазина Google. Почти все браузеры способны устанавливать расширения из данного магазина. Для браузера Firefox нет такого расширение, но есть Stylish с похожим интерфейсом.
Теперь с картинкой. В интернете находим подходящую картинку которая будет в качестве фона на странице с Яндекса. Картинка должна быть желательно того размера, какой имеет экран вашего монитора.
- Находим нужную картинку и нажимаем на нее правой кнопкой мыши
- Далее Копировать ссылку на Изображение
Затем переходим на сайт Яндекс.Коллекции (нужно быть зарегестрированным пользователям яндекса)
- На главной странице сверху справа нажимаем Плюс и выбираем Карточку по ссылке
- Вставляем ссылку на изображение и загружаем картинку
- Добавляем в коллекцию
- Далее открываем картинку и нажимаем по ней правой кнопкой мыши
- Затем нажимаем Копировать ссылку на Изображение
Открываем поисковик Яндекса и открываем расширение, затем ...
Для ESI Stylish:
Достаточно в строке Создать стиль для, нажать на домен "yandex.ru"
Для Stylish:
- Нажимаем кнопку с тремя точками
- Далее Создать стиль
- На странице с расширением нажимаем кнопку Указать и выбираем "URL в домене" с адресом "yandex.ru"
В любом расширении, в поле Код пишем:
.rows {background-image: url(URL); height: 100vh;}
Вместо URL вставляем ссылку на картинку из Коллекции, но в ссылке последнее значение до слэша нужно заменить на "optimize". К примеру:
https://avatars.mds.yandex.net/get-pdb/4821169/2a25a2bf-70e2-499f-96fb-b5e0ac9987b0/s1200
https://avatars.mds.yandex.net/get-pdb/4821169/2a25a2bf-70e2-499f-96fb-b5e0ac9987b0/optimize
Слева пишем название стиля и нажимаем Сохранить. Переходим на сайт Яндекса и видим результат
Наш опрос
Материал на данной странице можно разобрать в картинках.
Чтобы это сделать нужно нажать, сверху справа, кнопку "Запустить инструкцию в картинках" и далее следовать по стрелкам..
Сообщество Вконтакте! Вступайте в нашу группу VK, комментируйте, задавайте вопросы и делитесь с друзьями новыми уроками . Вступить.
Оставляйте ваш комментарий! Нам важно ваше мнение о нашем проекте, напишите любой комментарий по поводу данного урока или о уроках в целом, без регистрации!.