Каморка Геткурсовода 💻 | Канал Максима Елисеева
2.37K subscribers
194 photos
18 videos
10 files
107 links
Остались вопросы? Пишите — @Isagaya

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

Мой второй канал обо всём - https://t.me/closetmax ;)
Download Telegram
Привет всем, друзья! 👋

Как видите, видео со стрима в процессе сохранения, и будет опубликовано ориентировочно завтра днём в личном кабинете клуба Train IT 😉

Спасибо всем кто пришел на мой стрим, и всем участникам! 🥳
Отличной всем пятницы 👋 И настраиваемся на выходные!

Долгожданная запись стрима уже доступна для участников стрима, кто не смог посмотреть в живую. Достаточно залогиниться в личный кабинет Клуба Train IT 👉 можно по этой ссылке

Я сохранил для вас все преимущества, и доступ к специальным предложениям, которые были на стриме! Все они находятся на странице с видео 🥳

Эти эксклюзивные предложения будут доступны для заказа до понедельника 7 февраля (включительно).

Вперёд прокачиваться 😜
Растянемся? 😁

Признайтесь, хотя бы раз вы хотели, чтобы данную картинку можно было растянуть на всю правую сторону аж до краёв... Было?

Тогда давайте сделаем это 😜 Для начала сбросим множество настроек, которые мешают это сделать, а именно сбросим все отступы блока до 0, и растянем наши блоки поровну (см. скриншот №2). Уже неплохо.

Ну а теперь добавим любимой магии CSS! Нам нужно всего несколько стилей:

.my-container {
max-width: 100%;
}

.builder[data-path="column2"] {
padding: 0;
}

Убираем ограничения у контейнера и обнуляем внутренние отступы у второй колонки. И получаем уже наш результат с картинкой (см. скриншот №3).

Ну и остаётся подправить только наш контент, чтобы он смотрелся как нам нужно. Сделать это можно внешними отступами у элементов стандартным методом Геткурса. А выровнять контент от левого края нам поможет добавление свойств:
1) justify-content: flex-end; в класс .my-container
2) max-width: 600px; в класс .builder:first-child

#полезная_фишка
Каморка Геткурсовода 💻 | Канал Максима Елисеева
Отличной всем пятницы 👋 И настраиваемся на выходные! Долгожданная запись стрима уже доступна для участников стрима, кто не смог посмотреть в живую. Достаточно залогиниться в личный кабинет Клуба Train IT 👉 можно по этой ссылке Я сохранил для вас все преимущества…
Привет, друзья! 😉

Хотел собрать фидбек под этим постом по поводу прошедшего стрима 26.01.2022г. "Прожарка 🔥 макетов", как от участников живого эфира, так и от тех участников, кто уже посмотрел в записи 😉 Был ли вам полезен стрим? Хотели бы ещё? Ваши впечатления? Все мысли, которые вас посетили 👍

❗️Так же хочу напомнить, что сегодня последний день действия специальных предложений, которые действуют для участников стрима. Все эти предложения исчезнут сегодня ровно в 0:00 по Московскому времени 😱

Успеть оформить доступы по скидкам можно на странице записи стрима только для участников стрима
Запись стрима и предложения 👉 по этой ссылке

Жду ваших фидбеков, и в Клубе! 🥳
Встряхнём уроки тренингов 😎

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

Некоторые хотят, чтобы в уроке была задействована вся страница, и соответственно урок бы занимал всё пространство. Как по мне, это выглядело бы слишком растянуто и хоть какие-то отступы от краёв всё равно нужны 🧐

Поэтому предлагаю такой вариант:

.container {
width: 100%;
}

.gc-main-content.with-left-menu .container {
margin: 0;
}

.center-block {
max-width: 100% !important;
}

.lite-page.block-set > div {
max-width: 1200px;
margin: 0 auto;
}

На фоне такого варианта даже блок с видео стал намного крупнее, чем был раньше, что для многих являлось головной болью 😏

#полезная_фишка
Заказчик: Я же дал вам понятное техническое задание!

Техническое задание:
P.S. С днём защитника Отечества! 😉
Пропала боковая панель! 😳

Очень часто я наблюдаю в чатах, что люди зачастую не понимают, почему может пропадать боковая панель в Геткурсе после вставки определённого кода.

Поэтому данный пост несёт в себе цель придать ясности данной проблеме, почему так может происходить.

Первое, и самое частое, почему так может происходить это синтаксические ошибки при копировании кода JavaScript (при условии, что код проходил тестирование где-то ещё, и он рабочий). Любая не закрытая скобочка, пропущенная точка с запятой очень сильно влияют на то, как компилятор браузера обработает данный код, и все последующие за ним. Если он найдет ошибку, то дальнейшие скрипты не будут выполнены и остановят свою работу. Из-за этого, как раз, подгрузка левой панели будет приостановлена.

Второе, не менее важное, это обращение JavaScript к несуществующим элементам страниц. Представим ситуацию, что вы, как Администратор, видите все блоки на своей странице, и соответственно JS их видит тоже от вашего лица, и выполняет какую-то операцию с ними. Но у ученика данного блока на странице может не быть по множествам причин (сегмент, не админ, не в той группе и тд.). JS пытается обработать этот блок, и не находит его на странице, что тоже в свою очередь приводит к ошибке, и остановке обработки всех последующих скриптов.

Лайфхак по предотвращению данной ситуации следующий: лучше в таких случаях добавлять в JS условие по проверке НАЛИЧИЯ этого блока на странице, и только потом выполнять с ним определенный сценарий.

Третья причина проявляется реже всего, но тоже иногда на это влияет. Это синтаксические ошибки в CSS-кодах и HTML-тегах. Например не был закрыт тег <script></script>, или же стилевые правила не обёрнуты в теги <style></style> в блоке, где интерпретируется HTML. В CSS это всё те же не закрытые скобки, пропуски точек с запятыми, и прочие синтаксические моменты.

Надеюсь, данный материал укрепит ваше системное понимание, что, почему, и из-за чего может пропадать левая панель. Ну а чтобы совсем точно убедиться, где могла возникнуть ошибка, её можно посмотреть в Панели разработчика, перейдя на вкладку "Консоль", чтобы проанализировать первые две причины 😉

#полезный_материал
Друзья, привет всем.

Я, как и все, уже который день пребываю в ступоре из-за всех тех событий, которые сейчас происходят. Как и все, я желаю чтобы весь этот кошмар закончился как можно скорее миром... В таких ситуациях важно прежде всего оставаться людьми, поддерживать и ни в коем случае не быть одному в своих собственных переживаниях.

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

Берегите себя, пожалуйста. Об этом невозможно молчать. Я желаю чтобы все беды обошли вас стороной.
Нажать, или не нажать? 🧐

Существует такая проблема, и "хотелка" многих, у кого на лендингах есть карточки с кнопками, чтобы кнопки были доступны для нажатия лишь определенному сегменту и то не на всех карточках.

Кажется, что это очередной взрыв мозга с кучей кода 😵‍💫

Но на самом деле всё не совсем так, и такую схему можно легко провернуть, обойдясь несколькими строчками кода, и задействовав немного логики показа блоков 😉

Разберём пример:
1) Для начала поставим стандартные блоки с карточками и кнопками (см. скриншот №1). Я присвою всему блоку класс my-cards в Стилях блока.
2) Для каждой карточки с кнопкой, соответственно, нам нужно поставить столько же JS-блоков, которые будут блочить нажатие кнопки каждый для своей карточки (см. скриншот №2)
3) В каждом таком JS-блоке пишем код, который блочит кнопку в определённой карточке. В моём примере код в блоках выглядит так:

В первом JS-блоке:
$(function() {
$('.my-cards .lt-tsr-block:nth-child(1) button').attr('disabled', true);
})

Во втором JS-блоке:
$(function() {
$('.my-cards .lt-tsr-block:nth-child(2) button').attr('disabled', true);
})

В третьем JS-блоке:
$(function() {
$('.my-cards .lt-tsr-block:nth-child(3) button').attr('disabled', true);
})

В итоге мы получаем то, что на всех трёх карточках мы заблочили возможность нажать кнопку для всех пользователей. Ну а теперь самое время внести чуток логики в наши блоки. А именно: мы будем скрывать нужный JS-блок от того сегмента, которому и должно быть доступно нажатие на эту кнопку.

Вот и весь секрет лайфхака 😁

#лайфхак #полезная_фишка
Коллеги, друзья, всем привет 👋

Когда-то давно, мы посмотрели на стандартные страницы оплаты на ГК, и решили, что так больше продолжаться не может 😅

С этого момента я задал эру новых и красивых страниц оплаты, с которых потом пошли куча модификаций до самых невероятных по своей механике!

А началось всё с моего простого мини-курса «Чекаут. Страницы оплаты», где я рассказывал и показывал как можно создавать красивую страницу, и не бояться старого редактора Геткурса.

🔥В Школе Магии Геткурса стартовала весенняя распродажа 🔥
👉 https://gcwithme.ru/springsale 👈

Вы сможете приобрести этот мини-курс и много чего интересного и полезного от моих коллег 😉

На основе таких мощных инструментов и базы под рукой, смешивая их с вашим полётом фантазии, можно создавать по истине удивительные вещи😎