Телеграм канал 'Каморка Геткурсовода 💻 | Канал Максима Елисеева'

Каморка Геткурсовода 💻 | Канал Максима Елисеева


2'331 подписчиков
0 просмотров на пост

Остались вопросы? Пишите — @Isagaya

Этот уютный канал посвещён фишкам и нестандартным решениям по дизайнам, интерфейсам и функционалам платформы от Куратора школы Магии Геткурса — Максима Елисеева ;)

Детальная рекламная статистика будет доступна после прохождения простой процедуры регистрации


Что это дает?
  • Детальная аналитика 5'627'013 каналов
  • Доступ к 1'533'798'153 рекламных постов
  • Поиск по 5'010'796'032 постам
  • Отдача с каждой купленной рекламы
  • Графики динамики изменения показателей канала
  • Где и как размещался канал
  • Детальная статистика по подпискам и отпискам
Telemetr.me

Telemetr.me Подписаться

Аналитика телеграм-каналов - обновления инструмента, новости рынка.

Найдено 350 постов

/*** Стили закрытой корзины ***/

.lt-basket.basket-collapsed {
border-radius: 10px;
background: #fff;
color: #000;
box-shadow: 0 3px 5px 1px lightgrey;
}

.lt-basket .total-cost-str {
font-size: 1.3em;
font-weight: bold;
}

.lt-basket .old-total-cost-str {
color: #bbb;
}

/*** Общий стиль кнопок ***/

.lt-basket .buttons button,
.lt-basket .total-view button {
border: none;
background: #fff;
color: #777;
box-shadow: inset 0 -5px 5px rgba(0, 0, 0, 0.1),
0 5px 10px rgba(0, 0, 0, 0.1),
0 10px 15px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 -5px 5px rgba(0, 0, 0, 0.1),
0 5px 10px rgba(0, 0, 0, 0.1),
0 10px 15px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}

.lt-basket .total-view button {
position: absolute;
left: 50%;
transform: translate(-50%, 50%);
margin-left: 0 !important;
}

.lt-basket .buttons button:focus,
.lt-basket .total-view button:focus {
outline: none;
}

.lt-basket .buttons button:active:focus,
.lt-basket .total-view button:active:focus {
box-shadow: inset 0 -7px 5px rgba(0, 0, 0, 0.0025),
inset 0 5px 10px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0 -7px 5px rgba(0, 0, 0, 0.0025),
inset 0 5px 10px rgba(0, 0, 0, 0.15);
background-color: #fff;
color: #777;
outline: none;
}

/*****************************************************/

/*** Стили раскрытой корзины ***/

.lt-basket {
border-radius: 10px;
background: #fff;
color: #000;
box-shadow: 0 3px 5px 1px lightgrey;
}

.lt-basket .positions-table {
color: #777;
}

.lt-basket .positions-table .form-control {
height: 37px !important;
width: 37px !important;
border-radius: 50%;
}

.lt-basket .positions-table .old-total-price {
color: #bbb;
}

.lt-basket .positions-table .total-price,
.lt-basket .positions-table .total-row .offer-title {
font-weight: bold;
font-size: 1.3em;
color: #000;
}

@media (max-width: 430px) {
.lt-basket .positions-table .total-price,
.lt-basket .positions-table .total-row .offer-title,
.lt-basket .total-cost-str {
font-size: 1em;
}
}
🔥 24
❤‍🔥 4
❤ 1

Сегодня решил поделиться с вами сочным дизайном корзины на ГК, чтобы как-то разнообразить её скучный вид 😉

Есть несколько состояний корзины: закрытая и раскрытая.

Для владеющих CSS людей я отделил комментариями в стилях части стилей, которые отвечают за разные состояния, можете попробовать подредактировать некоторые моменты под ваш проект 😏

Стили необходимо поставить на ту страницу, где находится ваша корзина, в самый верх страницы в отдельный CSS-блок.

Сами стили будут ниже этого поста. Так как они не вмещаются в него 😆

#полезная_фишка

🔥 9
👍 6
❤ 6
Изображение

Кстати, если вы хотите прокачать свой скилл владением Геткурса, в частности овладеть красивыми эффектами на кнопках, поставить им анимации при наведении, сделать их необычной формы и заставить выполнять виртуозные трюки, то в Клубе Магии с понедельника (11 марта) стартует бесплатный марафон «Нажми на кнопку», который будет длиться 5 дней!

А это значит, что за 5 дней вы посмотрите 5 потрясающих практических уроков и виртуозно овладеете магией кода для преображения кнопок!

▶️ Регистрация на бесплатный марафон ◀️

А теперь всё вместе:
⏺ Подойдёт для начинающих, особенно тем, кто желает овладеть красивым оформлением
⏺ Один из уроков марафона представлен лично мной ✨
⏺ Старт марафона 11 марта (понедельник)
Зарегистрироваться можно здесь 😉

👍 14
❤ 5
🐳 1
Изображение

Наши милые девушки! Я поздравляю вас с Международным женским днём 8 марта! И желаю чтобы каждая из вас была такая же красивая, обоятельная, чтобы доход вырос троекратно, и конечно же всегда были счастливы. Ну а мы, мужчины, сделаем всё, чтобы создать для вас счастье 😌 🌸🌸💐

❤‍🔥 47
❤ 16
🤩 6
😍 1

Привет, друзья!

Быть может кто-то ещё не знает, но я сделал страницу с бесплатным уроком оформления личного кабинета Геткурса к празднику 8-го марта ✨

Эту страницу буду периодически пополнять новым материалом, так что следите 😊

➡️ Посмотреть урок тут ⬅️

🔥 41
❤ 2

Жиза?

Всех с пятницей, друзья!
И отличных выходных 😎

🤣 22
❤‍🔥 3
Изображение

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

Подготовил для вас небольшой лайфхак с тем, как я решал эту проблему. Достаточно простенько, но элегантно 😉

В CSS стили блока с формой ставим:

.form-content .builder {
display: flex;
flex-wrap: wrap;
gap: 10px;
}

.part-userField {
flex: 1 0 49%;
}

.part-header, .part-button {
flex-basis: 100%;
}


И вуаля, наши поля теперь расположены в 2 ряда. Если у вас нечётное количество полей, то может быть такое, что у вас останется лишнее некрасивое место. Чтобы решить эту проблему так же элегантно, то назовите поле вашим собственным классом, и добавьте ваш класс в последнее правило, где применяется свойство flex-basis: 100%;

Должно выглядеть так:

.part-header, .part-button, .вашкласс {
flex-basis: 100%;
}


#лайфхак #полезная_фишка

🔥 59
❤ 8
Изображение

Найдено 350 постов