Полезные классы панели учеников 😉
Решил сделать пост-шпаргалку, вдруг пригодится. Если вы работаете со стандартной панелью Геткурса, и хотите скрыть некоторые не нужные меню для учеников, то вот это конечно же можно сделать правилом
Так же внутри общего меню тренингов есть меню с подпунктами, рассмотрим так же и его классы:
P.S. Кстати говоря, данные классы можно ещё использовать и для стилизации 😁
#полезная_фишка
Решил сделать пост-шпаргалку, вдруг пригодится. Если вы работаете со стандартной панелью Геткурса, и хотите скрыть некоторые не нужные меню для учеников, то вот это конечно же можно сделать правилом
display: none;
Но есть ещё один вопрос, который зачастую ставит в тупик: к какому классу применить? Ответы ниже:.menu-item-teach — Общее меню тренингов в левой панели.menu-item-notifications — Общее меню поддержки проекта в левой панели.menu-item-sales — Общее меню покупок клиента в левой панелиТак же внутри общего меню тренингов есть меню с подпунктами, рассмотрим так же и его классы:
.menu-item-trainings — пункт "Тренинги".menu-item-schedule — пункт "Расписание".menu-item-answers — пункт "Лента ответов".menu-item-questionary — пункт "Тестирования".menu-item-search — пункт "Поиск"P.S. Кстати говоря, данные классы можно ещё использовать и для стилизации 😁
#полезная_фишка
Каморка Геткурсовода 💻 | Канал Максима Елисеева
👋 Приветствую друзья! Как многие из вас знают, Продамус набирает всё большие обороты среди онлайн-школ. Потому что у Продамуса: ✔️ Бесплатная онлайн-касса ✔️ Первые 100 000 руб. без комиссии ✔️ Поддержка оплат из других стран Если вы подключаете онлайн…
Напоминаю, что вы всё ещё можете получить бесплатный абонемент на пол года в клуб Train IT, где я учу вёрстке и программированию на JavaScript, а так же показываю крутые фишки для Тильды 😉
Все подробности в закрепе 👆
Все подробности в закрепе 👆
This media is not supported in your browser
VIEW IN TELEGRAM
Это свершилось! 🥳
Я наконец-то доделал свою панель для учеников, которая заменяет собой стандартную левую панель Геткурса.
TrainTech — это удобный интерфейс с современным дизайном для учеников, который гармонично подчёркивает бренд вашей онлайн-школы, выделяя вас среди тысячи других проектов.
Сейчас данная панель установлена для всех учеников в моём клубе Train IT 😉
Я решил сделать этот продукт "открывающим" заодно мой магазин скриптов. Пока что кроме панели там нет ничего, но начало положено 😁 Плюс так же параллельно работаю над одним из бомбических скриптов, который появится в скором времени для платформы Tilda.
Оформить заказ панели для своего онлайн-проекта можно тут: https://train-it.ru/shop/traintech-panel
Так же я принимаю заявки на разработку индивидуального функционала для панели. Оставить такую заявку можно по ссылке выше.
Сам магазин будет по этому адресу: https://train-it.ru/shop 😏
Я наконец-то доделал свою панель для учеников, которая заменяет собой стандартную левую панель Геткурса.
TrainTech — это удобный интерфейс с современным дизайном для учеников, который гармонично подчёркивает бренд вашей онлайн-школы, выделяя вас среди тысячи других проектов.
Сейчас данная панель установлена для всех учеников в моём клубе Train IT 😉
Я решил сделать этот продукт "открывающим" заодно мой магазин скриптов. Пока что кроме панели там нет ничего, но начало положено 😁 Плюс так же параллельно работаю над одним из бомбических скриптов, который появится в скором времени для платформы Tilda.
Оформить заказ панели для своего онлайн-проекта можно тут: https://train-it.ru/shop/traintech-panel
Так же я принимаю заявки на разработку индивидуального функционала для панели. Оставить такую заявку можно по ссылке выше.
Сам магазин будет по этому адресу: https://train-it.ru/shop 😏
Друзья, привет 👋
Проболел всю неделю, и продолжаю болеть до сих пор, чувствую себя как вата 😔
Оборвались грандиозные планы с поездкой в Питер на этих выходных, чтобы отдохнуть и встретиться с коллегами. Так же за неделю я не сделал почти ничего полезного, кроме записи пары уроков в свой клуб 😅
Надеюсь на следующей неделе я полностью оклемаюсь, а пока борюсь с очередным очень злым ОРВИ.
Так же в ближайших планах анонсировать мой третий стрим, который будет посвящён мобильной вёрстке на ГК и её секретам.
Всем хорошего дня, и не болейте 👌
Проболел всю неделю, и продолжаю болеть до сих пор, чувствую себя как вата 😔
Оборвались грандиозные планы с поездкой в Питер на этих выходных, чтобы отдохнуть и встретиться с коллегами. Так же за неделю я не сделал почти ничего полезного, кроме записи пары уроков в свой клуб 😅
Надеюсь на следующей неделе я полностью оклемаюсь, а пока борюсь с очередным очень злым ОРВИ.
Так же в ближайших планах анонсировать мой третий стрим, который будет посвящён мобильной вёрстке на ГК и её секретам.
Всем хорошего дня, и не болейте 👌
Каморка Геткурсовода 💻 | Канал Максима Елисеева
👋 Приветствую друзья! Как многие из вас знают, Продамус набирает всё большие обороты среди онлайн-школ. Потому что у Продамуса: ✔️ Бесплатная онлайн-касса ✔️ Первые 100 000 руб. без комиссии ✔️ Поддержка оплат из других стран Если вы подключаете онлайн…
Уже несколько человек получили свои главные призы 🥳
Вы тоже ещё можете успеть забрать бесплатный доступ на пол года в клуб Train IT!
Все подробности в закрепе 😉
Вы тоже ещё можете успеть забрать бесплатный доступ на пол года в клуб Train IT!
Все подробности в закрепе 😉
С этой болезнью совершенно забыл кинуть вам хотя бы пятничный мем 😁 Читайте внимательно оферты и договоры)
P.S.: Болею вторую неделю, но хотя бы уже знаю от чего лечусь, от одного из видов пневмонии 😱 В целом картина нормальная, хоть и ситуация не радужная, конечно же. Думаю, что к концу следующей недели уже встану на ноги.
P.S.: Болею вторую неделю, но хотя бы уже знаю от чего лечусь, от одного из видов пневмонии 😱 В целом картина нормальная, хоть и ситуация не радужная, конечно же. Думаю, что к концу следующей недели уже встану на ноги.
Весь август выпал из жизни из-за болезни 🥲
Сейчас уже чувствую себя гораздо лучше. Возвращаюсь к работе над своими проектами, работой с клубом, работой над Магией и прочими проектами, которые я для вас заготовил. А заготовил я много чего интересного 🥳
Так же совсем скоро уже объявлю новый стрим по мобильной вёрстке на платформе Геткурс в рамках своего клуба 😉
Сейчас уже чувствую себя гораздо лучше. Возвращаюсь к работе над своими проектами, работой с клубом, работой над Магией и прочими проектами, которые я для вас заготовил. А заготовил я много чего интересного 🥳
Так же совсем скоро уже объявлю новый стрим по мобильной вёрстке на платформе Геткурс в рамках своего клуба 😉
Вот и первое сентября — день знаний.
Значит, пора и нам набираться новых знаний!
Полосы прокрутки: неизбежность или красота? 🧐
Скорее всего большинство из вас, у кого на лендинге есть прокручивающийся контент, будь то окна информации или даже всё окно страницы, задавались вопросом: "А можно ли как-то стилизовать область прокрутки?"
Ответ прост: можно! Существуют псевдоклассы, с помощью которых мы можем влиять на полосу прокрутки (скроллбар), и стилизовать её как нам хочется. Таких псевдокласса три:
В качестве примера на скриншотах к посту маленькая демонстрация со своими собственными приукрашиваниями 😊 Я применил прокрутку к "полотну" текста и стилизовал:
#полезная_фишка
Значит, пора и нам набираться новых знаний!
Полосы прокрутки: неизбежность или красота? 🧐
Скорее всего большинство из вас, у кого на лендинге есть прокручивающийся контент, будь то окна информации или даже всё окно страницы, задавались вопросом: "А можно ли как-то стилизовать область прокрутки?"
Ответ прост: можно! Существуют псевдоклассы, с помощью которых мы можем влиять на полосу прокрутки (скроллбар), и стилизовать её как нам хочется. Таких псевдокласса три:
::-webkit-scrollbar — Отвечает за целиковый скроллбар (как контейнер для скролл-трека и передвижного тумблера)::-webkit-scrollbar-track — Путь нашего скролл-бара (сюда применяются стили формы трека, например, скругления или бекграунд)::-webkit-scrollbar-thumb — Передвижной тумблер прокрутки (так же воспринимает цвет, формы, скругления)В качестве примера на скриншотах к посту маленькая демонстрация со своими собственными приукрашиваниями 😊 Я применил прокрутку к "полотну" текста и стилизовал:
.part-text::-webkit-scrollbar {
width: 10px;
border-radius: 5px;
}
.part-text::-webkit-scrollbar-track {
background: lavender;
border-radius: 5px;
}
.part-text::-webkit-scrollbar-thumb {
background: violet;
border-radius: 5px;
}
.part-text {
height: 250px;
border: 1px solid violet;
border-radius: 5px;
padding: 15px;
overflow-y: scroll;
}
Если вы делаете крутой дизайн, то стандартные браузерные скроллбары уж точно никак не впишутся в ваш собственный стиль сайта. Таким образом вы можете подстроить под себя даже такую деталь браузера как скроллбар 😉#полезная_фишка
Отступы — это не позиционирование! 🙄
Всё больше я замечаю, что чаще всего проблемы с позиционированием решают использованием
И мне становится чертовски больно 😁 Особенно больно становится вашей странице, которая принимает на себя такие отступы на адаптации. Уже на 991 пикселе разрешения экрана страница начнёт потихоньку страдать, не говоря уже обо всех остальных элементах, которые пытаются сохранить эти отступы. От этого и возникают огромные проблемы с адаптацией.
Отступы на то и отступы, чтобы выверить нужное расстояние между элементами, и хорошо, если эти отступы не будут превышать 50-70px. А проблему с позиционированием решает специальное свойство
Пост больше для размышления и направления по правильному пути в вёрстке. Не пренебрегайте этим правилом и вы обязательно станете крутым верстальщиком 😉
P.S.: Кстати, эту тему и многие другие я простым языком объясняю в своём клубе Train IT
#размышления_пост
Всё больше я замечаю, что чаще всего проблемы с позиционированием решают использованием
margin или padding в каких-то космических числах. Например, 150 или даже 350 пикселей...И мне становится чертовски больно 😁 Особенно больно становится вашей странице, которая принимает на себя такие отступы на адаптации. Уже на 991 пикселе разрешения экрана страница начнёт потихоньку страдать, не говоря уже обо всех остальных элементах, которые пытаются сохранить эти отступы. От этого и возникают огромные проблемы с адаптацией.
Отступы на то и отступы, чтобы выверить нужное расстояние между элементами, и хорошо, если эти отступы не будут превышать 50-70px. А проблему с позиционированием решает специальное свойство
position, которым нужно уметь пользоваться. Позиционирование является трудной темой для восприятия, особенно для новичков, если её неправильно преподнести. Трудно описать всю прелесть позиционирования элементов с помощью этого свойства в одном посте 😅Пост больше для размышления и направления по правильному пути в вёрстке. Не пренебрегайте этим правилом и вы обязательно станете крутым верстальщиком 😉
P.S.: Кстати, эту тему и многие другие я простым языком объясняю в своём клубе Train IT
#размышления_пост
Друзья, я знаю, вы долго этого ждали 😁
И вот он анонс очередного моего стрима в рамках клуба Train IT, из цикла стримов «Прожарка 🔥 макетов», который начнётся 12 октября в 16:00 на тему «Особенности мобильной вёрстки на платформе Геткурс».
На стриме мы с вами разберём:
✔️ Как найти успешный подход к мобильной адаптации
✔️ Как сделать так, чтобы при вёрстке уже 80% адаптации лендинга было готово само по себе 😱
✔️ Секретный алгоритм, после которого мобильная адаптация станет совсем не страшной 😎
✔️ Вёрстка в прямом эфире с кучей полезных техник
✔️ Живое и уютное общение с участниками стрима 😉
Стать участником можно здесь:
💥👉 https://train-it.ru/frying-layouts 👈💥
В данный момент действует льготная цена до среды 5 октября включительно. В четверг 6 октября цена повысится!
Важное напоминание❗️ Если вдруг вы по каким-то причинам не сможете прийти на стрим, то приобретая участие на стриме, запись мероприятия останется у вас навсегда в личном кабинете клуба Train IT.
Я думаю, что для многих мобильная адаптация страниц является огромнейшей головной болью. И мы её с вами закроем за уютным и весёлым общением с чашечкой горячего чая или кофе под вёрстку подготовленного макета 😌
✅ Для моих партнёров проекта Train IT:
Особое предложение 🥳 Вы сможете приобрести участие на стриме оплатив 50% стоимости бонусными рублями!
И вот он анонс очередного моего стрима в рамках клуба Train IT, из цикла стримов «Прожарка 🔥 макетов», который начнётся 12 октября в 16:00 на тему «Особенности мобильной вёрстки на платформе Геткурс».
На стриме мы с вами разберём:
✔️ Как найти успешный подход к мобильной адаптации
✔️ Как сделать так, чтобы при вёрстке уже 80% адаптации лендинга было готово само по себе 😱
✔️ Секретный алгоритм, после которого мобильная адаптация станет совсем не страшной 😎
✔️ Вёрстка в прямом эфире с кучей полезных техник
✔️ Живое и уютное общение с участниками стрима 😉
Стать участником можно здесь:
💥👉 https://train-it.ru/frying-layouts 👈💥
В данный момент действует льготная цена до среды 5 октября включительно. В четверг 6 октября цена повысится!
Важное напоминание❗️ Если вдруг вы по каким-то причинам не сможете прийти на стрим, то приобретая участие на стриме, запись мероприятия останется у вас навсегда в личном кабинете клуба Train IT.
Я думаю, что для многих мобильная адаптация страниц является огромнейшей головной болью. И мы её с вами закроем за уютным и весёлым общением с чашечкой горячего чая или кофе под вёрстку подготовленного макета 😌
✅ Для моих партнёров проекта Train IT:
Особое предложение 🥳 Вы сможете приобрести участие на стриме оплатив 50% стоимости бонусными рублями!
Друзья, приветствую всех 😎
Напоминаю, что стрим «Прожарка 🔥 макетов» на тему мобильной вёрстки на Геткурсе пройдёт 12 октября в 16:00. И самое главное, что льготная цена всё ещё доступна до 5 октября 23:59. Успейте оформить участие по льготной цене, ведь 6 октября в 0:00 цена поднимется 😳
Все старые неоплаченные заказы по льготной цене будут отменены.
Стать участником можно здесь:
💥👉 https://train-it.ru/frying-layouts 👈💥
Важное напоминание❗️ Если вдруг вы по каким-то причинам не сможете прийти на стрим, то приобретая участие на стриме, запись мероприятия останется у вас навсегда в личном кабинете клуба Train IT.
✅ Для моих партнёров проекта Train IT:
Особое предложение 🥳 Вы сможете приобрести участие на стриме оплатив 50% стоимости бонусными рублями!
Напоминаю, что стрим «Прожарка 🔥 макетов» на тему мобильной вёрстки на Геткурсе пройдёт 12 октября в 16:00. И самое главное, что льготная цена всё ещё доступна до 5 октября 23:59. Успейте оформить участие по льготной цене, ведь 6 октября в 0:00 цена поднимется 😳
Все старые неоплаченные заказы по льготной цене будут отменены.
Стать участником можно здесь:
💥👉 https://train-it.ru/frying-layouts 👈💥
Важное напоминание❗️ Если вдруг вы по каким-то причинам не сможете прийти на стрим, то приобретая участие на стриме, запись мероприятия останется у вас навсегда в личном кабинете клуба Train IT.
✅ Для моих партнёров проекта Train IT:
Особое предложение 🥳 Вы сможете приобрести участие на стриме оплатив 50% стоимости бонусными рублями!
Вот и прошёл третий замечательный стрим в рамках моего клуба Train IT по мобильной вёрстке на платформе Геткурс 😉
Запись стрима появится для всех приобретавших участие ориентировочно 15-16 октября, о чём я дополнительно сообщу в канале и в личных напоминаниях через бота 😇
Так же будет действовать распродажа с абонементами в клуб на 90 дней со скидкой и возможность приобрести два предыдущих стрима! 🥳
Всё это будет доступно в течение 15 дней, когда появится запись третьего стрима, а пока набираемся терпения 😄
P.S. Запись стрима, конечно же, останется у вас навсегда
Запись стрима появится для всех приобретавших участие ориентировочно 15-16 октября, о чём я дополнительно сообщу в канале и в личных напоминаниях через бота 😇
Так же будет действовать распродажа с абонементами в клуб на 90 дней со скидкой и возможность приобрести два предыдущих стрима! 🥳
Всё это будет доступно в течение 15 дней, когда появится запись третьего стрима, а пока набираемся терпения 😄
P.S. Запись стрима, конечно же, останется у вас навсегда
Друзья, запись стрима "Прожарка 🔥 макетов" Сезон 3 про мобильную вёрстку уже доступна для участников стрима!
Соответствующие уведомления уже отправлены на почты и в бота-енота 😎
Так же подготовил для вас специальные предложения, которые действуют до 31 октября включительно, среди которых вы можете приобрести записи стримов первых двух сезонов 😉
Запись стрима и распродажа по этой ссылке 👈
❗️ P.S. Кто не может зайти, есть 3 варианта:
1) Вы не участник стрима 😊
2) Переходите по ссылке из писем и из рассылки бота-енота
3) Залогиньтесь в личный кабинет Train IT и перейдите в раздел "Записи"
Соответствующие уведомления уже отправлены на почты и в бота-енота 😎
Так же подготовил для вас специальные предложения, которые действуют до 31 октября включительно, среди которых вы можете приобрести записи стримов первых двух сезонов 😉
Запись стрима и распродажа по этой ссылке 👈
❗️ P.S. Кто не может зайти, есть 3 варианта:
1) Вы не участник стрима 😊
2) Переходите по ссылке из писем и из рассылки бота-енота
3) Залогиньтесь в личный кабинет Train IT и перейдите в раздел "Записи"
This media is not supported in your browser
VIEW IN TELEGRAM
Нет, я не потерялся 😁
В последнее время занимаюсь доработкой своей версии тренажёра для практики кода HTML/CSS/JS, и уже тренажёр стал более функциональным. Осталось решить несколько проблем, и соответственно побороть пару багов, куда же без этого 😊
Надеюсь, что до Нового Года выкачу уже первую бету, и резиденты моего клуба смогут попробовать пройти первые задания для закрепления навыков из моих уроков)
Распродажи на "Чёрную Пятницу" не будет.
Однако, будет предновогодняя распродажа, как раз связи с выходом тренажёра кода в свет 😉
В ближайшее время возобновлю посты с полезностями на канале. Всем желаю отличной пятницы и хороших выходных! 🥳
В последнее время занимаюсь доработкой своей версии тренажёра для практики кода HTML/CSS/JS, и уже тренажёр стал более функциональным. Осталось решить несколько проблем, и соответственно побороть пару багов, куда же без этого 😊
Надеюсь, что до Нового Года выкачу уже первую бету, и резиденты моего клуба смогут попробовать пройти первые задания для закрепления навыков из моих уроков)
Распродажи на "Чёрную Пятницу" не будет.
Однако, будет предновогодняя распродажа, как раз связи с выходом тренажёра кода в свет 😉
В ближайшее время возобновлю посты с полезностями на канале. Всем желаю отличной пятницы и хороших выходных! 🥳
Свои красивые границы блоков 🥳
С каждым разом обычные границы блоков перестают удивлять заказчиков своим видом, и всегда хочется большего. Ровно так же и для собственных дизайнов. Освежить дизайн вам точно поможет генератор границ блоков на SVG — Get Waves
Пользоваться им достаточно просто:
1) Выбираете настройки
2) Генерируете волнообразные/прямоугольные границы блоков кубиком справа
3) Получаете SVG разметку нажав на облачко со стрелкой 😉
В самом Геткурсе вставляете в отдельный HTML-блок там, где вы хотите видеть эту границу. Удаляете внутри HTML всё, что вам предлагает Геткурс, и просто вставляете скопированный SVG внутрь. Вы так же можете задать нужный вам цвет под цвет вашего проекта найдя внутри тега
С таким маленьким и очень полезным инструментом можно делать абсолютно разнообразные и не скучные границы блоков 😎
#лайфхак
С каждым разом обычные границы блоков перестают удивлять заказчиков своим видом, и всегда хочется большего. Ровно так же и для собственных дизайнов. Освежить дизайн вам точно поможет генератор границ блоков на SVG — Get Waves
Пользоваться им достаточно просто:
1) Выбираете настройки
2) Генерируете волнообразные/прямоугольные границы блоков кубиком справа
3) Получаете SVG разметку нажав на облачко со стрелкой 😉
В самом Геткурсе вставляете в отдельный HTML-блок там, где вы хотите видеть эту границу. Удаляете внутри HTML всё, что вам предлагает Геткурс, и просто вставляете скопированный SVG внутрь. Вы так же можете задать нужный вам цвет под цвет вашего проекта найдя внутри тега
<path> атрибут fill и задав свой цвет каким-нибудь хеш-номером 😊С таким маленьким и очень полезным инструментом можно делать абсолютно разнообразные и не скучные границы блоков 😎
#лайфхак