Каморка Геткурсовода 💻 | Канал Максима Елисеева pinned «Всем привет, друзья! И бодрых сил вам на всю неделю 😉 Вот и пошла жара! Я доделал лендинг своего стрима. Записаться на стрим можно здесь: 💥👉 https://train-it.ru/frying-layouts 👈💥 В данный момент действует льготная цена всю неделю! В понедельник 24 января…»
Всем тем, кто оплатил участие — ссылку на трансляцию я опубликую на этом же канале, и дополнительно вам будет выслана на почту в день трансляции 😉
Быстрый дизайн 😉
Я очень люблю "издеваться" над блоком карточек (Картинка-подзаголовок-заголовок-текст) в Геткурсе. И сегодня я решил поделиться с вами быстрым дизайном, который делается довольно просто. Мы сделаем карточкам совершенно новый вид (см. скриншоты).
Для начала нам нужно сделать некоторые настройки самого блока, а именно:
1) Поставить 2 карточки в ряду
2) Обязательно отключить "Гибкую вёрстку"
3) Убрать у блоков подзаголовки и заголовки
Далее в стилях блока, нажав "Подробные настройки", вставляем следующий CSS:
Ловите полезную фишку 👍
#полезная_фишка
Я очень люблю "издеваться" над блоком карточек (Картинка-подзаголовок-заголовок-текст) в Геткурсе. И сегодня я решил поделиться с вами быстрым дизайном, который делается довольно просто. Мы сделаем карточкам совершенно новый вид (см. скриншоты).
Для начала нам нужно сделать некоторые настройки самого блока, а именно:
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 🥳
Многие технические специалисты с уклоном в вёрстку и коды испытывают некое волнение и страх, когда им вдруг неожиданно прилетает какой-нибудь макет от заказчика, и вы видите эту гору элементов, которая так не похожа на стандартные элементы редактора Геткурса. Вас охватывает паника, вы не знаете что сказать заказчику и, тем более, как сверстать подобное... Знакомо?
Признаюсь честно, у меня такое было множество раз 😅 И вот, набравшись опыта, мне уже стало достаточно просто ориентироваться в вёрстке по макетам и понимать технически с первого взгляда "как устроен тот или иной блок".
На своём стриме "Прожарка 🔥 макетов" я покажу вам, как правильно оценивать макет, понимать, из каких элементов он состоит, а главное, всё же сверстать этот макет! После моего стрима вам будет гораздо легче воспринимать макеты, которые вам дают 😉
Стать участником стрима можно на этой странице:
💥👉 https://train-it.ru/frying-layouts 👈💥
Успейте зарегистрироваться по льготной цене! В понедельник (24 января) цена участия повысится.
И главное: даже если вы не сможете в живую прийти и посмотреть стрим, приобретая участие, запись стрима останется у вас навсегда в личном кабинете клуба Train IT 🥳
Привет всем, и прекрасного вам воскресного дня 👋
С большим отрывом в голосовании победил Макет "Диджитал", и именно его я буду верстать на своём стриме 26 января в 16:00.
Кстати, сегодня последний день, когда можно записаться по льготной цене. Ровно в 0:00 цена участия возрастёт 😱
Зарегистрировать своё участие на стриме можно тут:
💥👉 https://train-it.ru/frying-layouts 👈💥
А если вдруг вы по каким-то причинам не сможете прийти на стрим, то приобретая участие на стриме, запись мероприятия останется у вас навсегда в личном кабинете клуба 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, присоединившись к участию по ссылке выше 😉
Знаете какой сегодня день? Сегодня день моего первого стрима в рамках моего клуба Train IT! 🥳
Сегодня в 15:30 по Московскому времени на этой странице:
👉 https://train-it.ru/frying-layouts
Будет размещена ссылка на эфир "Прожарка 🔥 макетов" в самом низу страницы для тех, кто оплачивал участие. Дополнительно ссылка придёт на ту почту, с которой вы регистрировались на участие.
Начало стрима в 16:00 по Московскому времени.
Для всех остальных: у вас ещё есть шанс попасть на эксклюзивный стрим до 16:00, присоединившись к участию по ссылке выше 😉
Друзья, до стрима осталось 30 минут, но можно уже потихоньку собираться 😁
Я отправил рассылки на те почтовые ящики, с которых вы делали заказ.
Так же ссылка доступна для тех, кто оплатил участие на самой странице:
https://train-it.ru/frying-layouts
В самом низу 🥳
Я отправил рассылки на те почтовые ящики, с которых вы делали заказ.
Так же ссылка доступна для тех, кто оплатил участие на самой странице:
https://train-it.ru/frying-layouts
В самом низу 🥳
До начала трансляции остались считанные минуты! 😱
Ссылка уже доступна для участников в самом низу страницы:
👉 https://train-it.ru/frying-layouts 🔥
Ну а я пошел во всю настраивать трансляцию)
Ссылка уже доступна для участников в самом низу страницы:
👉 https://train-it.ru/frying-layouts 🔥
Ну а я пошел во всю настраивать трансляцию)
Привет всем, друзья! 👋
Как видите, видео со стрима в процессе сохранения, и будет опубликовано ориентировочно завтра днём в личном кабинете клуба Train IT 😉
Спасибо всем кто пришел на мой стрим, и всем участникам! 🥳
Как видите, видео со стрима в процессе сохранения, и будет опубликовано ориентировочно завтра днём в личном кабинете клуба Train IT 😉
Спасибо всем кто пришел на мой стрим, и всем участникам! 🥳
Отличной всем пятницы 👋 И настраиваемся на выходные!
Долгожданная запись стрима уже доступна для участников стрима, кто не смог посмотреть в живую. Достаточно залогиниться в личный кабинет Клуба Train IT 👉 можно по этой ссылке
Я сохранил для вас все преимущества, и доступ к специальным предложениям, которые были на стриме! Все они находятся на странице с видео 🥳
Эти эксклюзивные предложения будут доступны для заказа до понедельника 7 февраля (включительно).
Вперёд прокачиваться 😜
Долгожданная запись стрима уже доступна для участников стрима, кто не смог посмотреть в живую. Достаточно залогиниться в личный кабинет Клуба Train IT 👉 можно по этой ссылке
Я сохранил для вас все преимущества, и доступ к специальным предложениям, которые были на стриме! Все они находятся на странице с видео 🥳
Эти эксклюзивные предложения будут доступны для заказа до понедельника 7 февраля (включительно).
Вперёд прокачиваться 😜
Растянемся? 😁
Признайтесь, хотя бы раз вы хотели, чтобы данную картинку можно было растянуть на всю правую сторону аж до краёв... Было?
Тогда давайте сделаем это 😜 Для начала сбросим множество настроек, которые мешают это сделать, а именно сбросим все отступы блока до 0, и растянем наши блоки поровну (см. скриншот №2). Уже неплохо.
Ну а теперь добавим любимой магии CSS! Нам нужно всего несколько стилей:
Ну и остаётся подправить только наш контент, чтобы он смотрелся как нам нужно. Сделать это можно внешними отступами у элементов стандартным методом Геткурса. А выровнять контент от левого края нам поможет добавление свойств:
1)
Признайтесь, хотя бы раз вы хотели, чтобы данную картинку можно было растянуть на всю правую сторону аж до краёв... Было?
Тогда давайте сделаем это 😜 Для начала сбросим множество настроек, которые мешают это сделать, а именно сбросим все отступы блока до 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
#полезная_фишка
Каморка Геткурсовода 💻 | Канал Максима Елисеева
Растянемся? 😁 Признайтесь, хотя бы раз вы хотели, чтобы данную картинку можно было растянуть на всю правую сторону аж до краёв... Было? Тогда давайте сделаем это 😜 Для начала сбросим множество настроек, которые мешают это сделать, а именно сбросим все отступы…
P.S. Когда блоки принимают одноколоночный вид, советую убирать данные манипуляции, либо если это для вас сложно, то просто показывать другой блок 😉
Каморка Геткурсовода 💻 | Канал Максима Елисеева
Отличной всем пятницы 👋 И настраиваемся на выходные! Долгожданная запись стрима уже доступна для участников стрима, кто не смог посмотреть в живую. Достаточно залогиниться в личный кабинет Клуба Train IT 👉 можно по этой ссылке Я сохранил для вас все преимущества…
Привет, друзья! 😉
Хотел собрать фидбек под этим постом по поводу прошедшего стрима 26.01.2022г. "Прожарка 🔥 макетов", как от участников живого эфира, так и от тех участников, кто уже посмотрел в записи 😉 Был ли вам полезен стрим? Хотели бы ещё? Ваши впечатления? Все мысли, которые вас посетили 👍
❗️Так же хочу напомнить, что сегодня последний день действия специальных предложений, которые действуют для участников стрима. Все эти предложения исчезнут сегодня ровно в 0:00 по Московскому времени 😱
Успеть оформить доступы по скидкам можно на странице записи стрима только для участников стрима
Запись стрима и предложения 👉 по этой ссылке
Жду ваших фидбеков, и в Клубе! 🥳
Хотел собрать фидбек под этим постом по поводу прошедшего стрима 26.01.2022г. "Прожарка 🔥 макетов", как от участников живого эфира, так и от тех участников, кто уже посмотрел в записи 😉 Был ли вам полезен стрим? Хотели бы ещё? Ваши впечатления? Все мысли, которые вас посетили 👍
❗️Так же хочу напомнить, что сегодня последний день действия специальных предложений, которые действуют для участников стрима. Все эти предложения исчезнут сегодня ровно в 0:00 по Московскому времени 😱
Успеть оформить доступы по скидкам можно на странице записи стрима только для участников стрима
Запись стрима и предложения 👉 по этой ссылке
Жду ваших фидбеков, и в Клубе! 🥳
This media is not supported in your browser
VIEW IN TELEGRAM
Не смог не поделиться с вами 😁 Для многих жизненно
Встряхнём уроки тренингов 😎
Когда-то давно я рассказывал про то, как выровнять контейнер уроков по центру, чтобы он смотрелся красиво. Сегодня копнём глубже 😁
Некоторые хотят, чтобы в уроке была задействована вся страница, и соответственно урок бы занимал всё пространство. Как по мне, это выглядело бы слишком растянуто и хоть какие-то отступы от краёв всё равно нужны 🧐
Поэтому предлагаю такой вариант:
#полезная_фишка
Когда-то давно я рассказывал про то, как выровнять контейнер уроков по центру, чтобы он смотрелся красиво. Сегодня копнём глубже 😁
Некоторые хотят, чтобы в уроке была задействована вся страница, и соответственно урок бы занимал всё пространство. Как по мне, это выглядело бы слишком растянуто и хоть какие-то отступы от краёв всё равно нужны 🧐
Поэтому предлагаю такой вариант:
.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;
}
На фоне такого варианта даже блок с видео стал намного крупнее, чем был раньше, что для многих являлось головной болью 😏#полезная_фишка