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

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

Мой второй канал обо всём - https://t.me/closetmax ;)
Download Telegram
Показ сторонних страниц на Геткурсе? Легко

Многие знают: чтобы показать другую страницу в пределах аккаунта, нужно поставить блок из раздела "Вставка" => "Другая страница".

Но что делать, если, например, нам нужно показать какой-либо тест вне аккаунта, или какую-либо информацию совершенно с другого домена? 🧐

На помощь придёт HTML-блок с довольно простой разметкой внутри. На примере, у себя на проекте я вывел главную страницу Геткурса. Сделано это так, в HTML-блок нужно вставить такую конструкцию:

<iframe style="height: 100vh; width: 100%;" src="https://getcourse.ru">
Текст в случае, если айфрейм не прогрузится.
</iframe>

В атрибут src вставляется ссылка той страницы, которую мы будем тянуть к себе на проект :) В стилях iframe можете легко подредактировать размер окна, который вам удобен и нужен.

Данное решение будет полезно тем, кто делает какие-либо квизы или интерактивные материалы на сторонних сервисах, но не хотел бы уводить людей со своего проекта 😉

#полезная_фишка
Двигаем недвижимое 😜

В Геткурсе все элементы довольно гибко настраивают своё местоположение в блоке. Но существуют такие блоки, где поменять элементы местами не предоставляется возможным. Один из таких блоков – это блок "Картинка - подзаголовок - заголовок - текст", иначе говоря "Карточки".

Поделюсь с вами полезным лайфхаком, если вам по дизайну нужно изменить порядок элементов в них:

1) Для начала включим флексбокс у контента и приведём в исходный вид элементы:
.lt-tsr-content {
display: flex;
flex-direction: column;
}

2) Теперь мы можем выстраивать порядок элементов как нам нужно с помощью свойства order. Чем меньше значение свойства order, тем главнее элемент. Проще всего это сравнить с последовательностью чисел: 1 — первый, 2 — второй, 3 — третий и т.д.

Всего в контенте этой карточки несколько классов: image-card, subheader, header, description и button (если был выбран такой же блок, но с кнопкой).

На скриншоте к посту я выдвинул заголовок выше картинки, вместе с подзаголовком. Сделано это так:
.header {
order: 1;
}

.image-card {
order: 2;
}

.description {
order: 3;
}

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

#лайфхак
Друзья, вот и подходит к концу этот непростой 2021 год. Во всю несётся к нам 2022! 🎄

Год был действительно не простым, но и много всего хорошего случилось в нём. Например, был основан данный канал, который набрал уже больше 1500+ подписчиков 😉

Я хотел сделать полезный канал, который давал бы техническим специалистам новые знания и нестандартные преображения и решения. Людям, которым интересно делать не просто стандартные настройки Геткурса (настройки аккаунта, дефолтные блоки, и т.д.), а сделать всё по-своему и красиво 👍
И вот, получился такой канал, с вашей помощью 😉

Мне стали очень часто писать в личные сообщения по поводу моих уроков в Клубе Магии Геткурса, в частности то, как я вообще всё это придумываю, делаю. Как я вообще понимаю весь тот код, который я пишу, и где этому научиться? То есть сформировалась проблема, что людям интересно и самим творить подобные вещи. И это реально вдохновляюще и очень круто!

Поэтому стал мыслить шире, и подумал, что я могу поделиться всеми знаниями, которыми владею я сам. Таким образом, в этом же 2021 году в августе, я основал клуб Train-IT, где с радостью делюсь своими знаниями с вами в своей манере обучения, рассказывая сложные вещи простыми словами 😉 Клуб ещё достаточно молодой, но уже насчитывает аж 44 резидента!

Уроки продолжат выходить в Клубе после новогодних праздников, сейчас нужно перевести дух и немного отдохнуть. А после новогодних праздников вас ждёт много чего интересного)

Подводя итоги:
Для меня год вышел продуктивным. Я вырос над самим собой. И стараюсь делиться своими знаниями, чтобы вы росли вместе со мной 😉 Появился прекрасный канал, который ценят технические специалисты. Появился мой собственный клуб, который потихоньку растёт, где люди углублённо изучают код и уже применяют эти знания на многих платформах, не только на Геткурсе 😊

Я очень рад, что мы сформировали такое крутое сообщество. И я хочу пожелать вам в наступающем Новом Году благополучия, финансовых успехов. И ещё несколько главных вещей: здоровья и роста над самим собой! Не бойтесь расти, не бойтесь пробивать стены, которые кажутся вам непреодолимыми. Я сломал такую стену и не собираюсь на этом останавливаться 😉

Я желаю вам счастливого 2022 года! Ура! 🥳
Друзья, всем привет 👋
Надеюсь, первая рабочая неделя после праздников у вас проходит продуктивно и хорошо 👌

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

Я хочу провести эксклюзивный стрим в рамках своего клуба Train IT, где я буду собирать один из выбранных вами макетов лендинга на платформе Геткурс. На стриме я буду давать огромное количество знаний, покажу вам фишки, которые я использую при вёрстке, много секретов, как делать сложные элементы и общаться, конечно же, с вами в открытом формате😉

Поскольку стрим будет давать просто целый клад знаний, я планирую сделать участие в нём за символическую цену (500-990 р.) и данный эксклюзивный стрим останется у вас в кабинете моего клуба с доступом навсегда🔥😎

Вы сможете пересматривать и применять те крутые фишки и знания кода, которые я вам покажу 🥳

Трансляцию планирую провести к концу января. Придёте ко мне на стрим? 😇 Пишите в комментарии)
Всем отличных выходных 😉
А кому-то ещё и продуктивного трудового дня. Я с вами 😁

Почти доделал лендинг с возможностью записи на мой стрим, выложу сюда на канал в понедельник)

Стрим планирую провести 26 января (среда), а вот со временем проведения пока не определился, делать днём или вечером. Поэтому опрос сделаю ниже этого поста 😌

Хочу напомнить, что даже если у вас не получается прийти на стрим и посмотреть его вживую, покупая участие на стриме, после его проведения запись останется у вас в личном кабинете клуба Train IT навсегда! 🥳
Во сколько вам было бы удобнее прийти на стрим? ;)
Final Results
52%
16:00
48%
19:00
Всем привет, друзья! И бодрых сил вам на всю неделю 😉

Вот и пошла жара! Я доделал лендинг своего стрима. Записаться на стрим можно здесь:

💥👉 https://train-it.ru/frying-layouts 👈💥

В данный момент действует льготная цена всю неделю! В понедельник 24 января цена повысится!

"Прожарка 🔥 макетов" — это первый в своём цикле стрим, для которого вы выбираете один из макетов, который в последствии мы с вами будем верстать в прямом эфире 😁

По итогам голосования с небольшим перевесом проголосовали за старт стрима 26 января в 16:00. Хочу напомнить ещё раз: даже если у вас не получается поучаствовать на стриме в живую, покупая участие на стриме, запись останется с вами навсегда в личном кабинете клуба Train IT 🔥

Опрос по времени закрываю. Но открываю новый 😉 А именно теперь вам предстоит выбрать макет, который мы будем "прожаривать" на стриме😁

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

Голосование по выбору макета продлится до пятницы включительно (21 января 23:59).
Каморка Геткурсовода 💻 | Канал Максима Елисеева pinned «Всем привет, друзья! И бодрых сил вам на всю неделю 😉 Вот и пошла жара! Я доделал лендинг своего стрима. Записаться на стрим можно здесь: 💥👉 https://train-it.ru/frying-layouts 👈💥 В данный момент действует льготная цена всю неделю! В понедельник 24 января…»
Всем тем, кто оплатил участие — ссылку на трансляцию я опубликую на этом же канале, и дополнительно вам будет выслана на почту в день трансляции 😉
Быстрый дизайн 😉

Я очень люблю "издеваться" над блоком карточек (Картинка-подзаголовок-заголовок-текст) в Геткурсе. И сегодня я решил поделиться с вами быстрым дизайном, который делается довольно просто. Мы сделаем карточкам совершенно новый вид (см. скриншоты).

Для начала нам нужно сделать некоторые настройки самого блока, а именно:
1) Поставить 2 карточки в ряду
2) Обязательно отключить "Гибкую вёрстку"
3) Убрать у блоков подзаголовки и заголовки

Далее в стилях блока, нажав "Подробные настройки", вставляем следующий CSS:

.lt-tsr-content {
display: flex;
height: 200px;
border: 2px solid #000;
}

.image-wrapper {
height: 100%;
}

.image-card {
max-width: 195px;
width: 100%;
margin-right: 20px;
margin-bottom: 0;
padding-bottom: 0;
}

.description {
align-self: center;
padding-right: 15px;
}

P.S. Чтобы картинки были ровные, советую ставить равно пропорциональные одинаковые по ширине и высоте картинки масштаба 4:3.

Ловите полезную фишку 👍

#полезная_фишка
Привет, друзья! Продуктивного вам рабочего дня и хорошего настроения 😉

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

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

На своём стриме "Прожарка 🔥 макетов" я покажу вам, как правильно оценивать макет, понимать, из каких элементов он состоит, а главное, всё же сверстать этот макет! После моего стрима вам будет гораздо легче воспринимать макеты, которые вам дают 😉

Стать участником стрима можно на этой странице:
💥👉 https://train-it.ru/frying-layouts 👈💥

Успейте зарегистрироваться по льготной цене! В понедельник (24 января) цена участия повысится.

И главное: даже если вы не сможете в живую прийти и посмотреть стрим, приобретая участие, запись стрима останется у вас навсегда в личном кабинете клуба Train IT 🥳
Привет всем, и прекрасного вам воскресного дня 👋

С большим отрывом в голосовании победил Макет "Диджитал", и именно его я буду верстать на своём стриме 26 января в 16:00.

Кстати, сегодня последний день, когда можно записаться по льготной цене. Ровно в 0:00 цена участия возрастёт 😱

Зарегистрировать своё участие на стриме можно тут:
💥👉 https://train-it.ru/frying-layouts 👈💥

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

Не упустите последний шанс стать участником по льготной цене и не бояться макетов, которые кидают вам дизайнеры 😜
Привет всем, друзья! 😉

Знаете какой сегодня день? Сегодня день моего первого стрима в рамках моего клуба Train IT! 🥳

Сегодня в 15:30 по Московскому времени на этой странице:
👉 https://train-it.ru/frying-layouts

Будет размещена ссылка на эфир "Прожарка 🔥 макетов" в самом низу страницы для тех, кто оплачивал участие. Дополнительно ссылка придёт на ту почту, с которой вы регистрировались на участие.

Начало стрима в 16:00 по Московскому времени.

Для всех остальных: у вас ещё есть шанс попасть на эксклюзивный стрим до 16:00, присоединившись к участию по ссылке выше 😉