Приветствую вас в своем ДзЫнь.Блоге. Сегодня статья про красоту. А именно-про красоту боковой панели в геткурсе. Сегодня все хотят выделяться из толпы и яркие пятна на сером фоне иногда то что нужно!
Давайте напомню, как выглядит боковая панель геткурса
Согласитесь, скучновато.
А можно сделать так
В этом нам поможет сервис https://cssgradient.io/
Чтобы выбрать градиент, который вам подойдет, нужно перейти по ссылке выше и выбрать формат градиента
Далее выбираете исходные цвета для градиента
Выбираете вид: Линейный или Радиальный
и внизу страницы берете код ДО ; (точки с запятой)
Код для добавления в геткурс (полученный код из шага выше добавляете вместо того, что выделен жирным шрифтом!!! см. скриншот под кодом)
<style>
.gc-account-leftbar {
background: linear-gradient(135deg, rgba(255,1,79,1) 30%, rgba(4,244,237,1) 100%) !important;
}
.gc-account-leftbar .gc-account-user-menu li a {
background:inherit;
}
.gc-account-leftbar .gc-account-user-menu li a:hover {
background:rgba(255,255,255,0.3)!important;
}
.menu-item.active{
background:rgba(255,255,255,0.9)!important;
}
.menu-item.selected{
background:rgba(255,255,255,0.7)!important;
}
.menu-item-profile img {
border-radius:100px;
}
</style>
Данный код дает нам круглую аватарку и незначительно меняет цвет и прозрачность стандартных иконок боковой панели.
Для изменения панели идем в настройки аккаунта-настройки
Копируем то что получилось выше и вставляем в поле “Счетчики и прочие скрипты”
прокатываем страницу вниз и сохраняем
Было полезно? Ставь палец вверх и сохраняй статью в своих соц.сетях
Посмотреть видео урок можно тут
Еще по теме "Как поменять иконки боковой панели"
ФЕЯриЧНЫЙ ИНТЕНСИВ: CSS. ВИЗУАЛЬНОЕ ПРЕОБРАЖЕНИЕ ОНЛАЙН-ШКОЛЫ. Подробности смотрите в видео.
Присоединиться к интенсиву можно по ссылке https://clck.ru/sPSgV
Вы начинающий технический специалист и нужна практика по настройкам? Или не хватает проектов для оформления кейсов? Приходите в ТЗшки. Наберетесь опыта и сформируете кейсы за короткий срок. Подробнее по ссылке clck.ru/ggGhM
Нужна настройка или консультация? Обращайтесь.
Сделать это можно любым удобным способом:
ВК vk.me/krista_ap
Телеграм @krista_ap
89966906964
Ватсап Кристина