ДДизайн и вёрстка GetCourse | Tilda

Дизайн и вёрстка GetCourse | Tilda

@sites_layout🖌 Дизайн🇬🇧 English📅 март 2026 г.

Оформление интерфейса школы на GetCourse [css | html | js] Сайты на GetCourse @MarinaParfirova

📊 Полная статистика📝 Все посты
##39#полезное#progress#0e7ee5
485
Подписчики
317,75
Ср. охват
65.5%
Вовлечённость
12
Постов
~0.1
В день

Графики

📊 Средний охват постов

📉 ERR % по дням

📋 Публикации по дням

📎 Типы контента

Лучшие публикации

12 из 12
Ssites_layout
sites_layout
15 окт., 15:10

Для начала нужно немного подготовить блоки: ✅ Каждой кнопке надо задать свой уникальный класс; ✅ Потом внутри формы создать разные заголовки и тексты для каждой кнопки, им тоже задать уникальные классы, при этом последняя цифра у кнопки, заголовка и текста должны совпадать. Самому блоку с формой задаём класс .castom-form ✅ Потом добавить скрипт в конец страницы Скрипт выложу в комментариях под этим постом 👌

👁 500📷 photo
Ssites_layout
sites_layout
8 окт., 18:15

Индикатор прокрутки страницы разметка ⬇️ <div id="progress-bar"></div> <style> #progress-bar { &nbsp; position: fixed; &nbsp; top: 0; &nbsp; left: 0; &nbsp; height: 4px; &nbsp; width: 0%; &nbsp; background-color: #0E7EE5; &nbsp; z-index: 9999; &nbsp; -webkit-transition: width 0.2s ease; &nbsp; -o-transition: width 0.2s ease; &nbsp; transition: width 0.2s ease; } </style> <script> document.addEventListener('scroll', function() { &nbsp;&nbsp;&nbsp; var scrollTop = window.scrollY || window.pageYOff...

👁 412
Ssites_layout
sites_layout
15 окт., 15:00

Друзья, всем привет 🤗 В видео показываю решение частного случая в работе. Возможно у вас тоже возникают подобные ситуации 🤓 В следующем посте выложу скрипт ⬇️😜

👁 359🎬 video
Ssites_layout
sites_layout
8 окт., 18:13

#полезное Друзья, привет 🤗 Я, как и обещала, с новой полезняхой 😉 Индикатор прокрутки страницы ⬇️ ✅ Это тонкая полоска вверху экрана, которая заполняется, когда вы прокручиваете страницу вниз. Смотрите видео☝️ 💡 Для чего она нужна ✳️ Показывает, сколько осталось до конца страницы Посетитель сразу понимает — дочитал он половину, почти всё или только начал. ✳️ Помогает не потеряться Особенно удобно на длинных страницах с большим количеством текста или блоков. ✳️ Мотивирует дочитать до конца Люд...

👁 336📷 photo
Ssites_layout
sites_layout
20 сент., 18:02

В этом видео я показываю слайдер в действии⬆️ Если среди вас есть те, кому интересна вёрстка и желание научиться верстать на Геткурс не уходит из головы (как у меня в свое время 😜), то у меня для вас есть новость🤗 В ближайшее время я планирую мастер-группу по верстке лендинга на Геткурс для новичков. Меня давно об этом спрашивали и даже группа учеников собралась, но я все откладывала до момента, пока "звезды не сошлись" 😊 ✅ Мест в мастер-группе будет всего 10 ✅ Продолжительность обучения 3 не...

👁 330🎬 video
Ssites_layout
sites_layout
31 дек., 12:53

❄️❄️❄️❄️❄️❄️❄️❄️❄️❄️❄️❄️ Друзья, вот вам предновогодняя забава с предсказаниями на 2️⃣0️⃣2️⃣6️⃣ год! 1. Запускайте видео 2. Делайте скриншот 3. Присылайте, что у вас выпало в комментарии. Буду рада репостам. 😂

👁 302🎬 video
Ssites_layout
sites_layout
20 сент., 17:45

Друзья, всем доброго субботнего вечера ❤️ На лендингах мы часто используем различные слайдеры. Они позволяют последовательно демонстрировать несколько блоков контента в ограниченном пространстве экрана. Учитывая, что сейчас большинство пользователей заходят на сайт с мобильных устройств, слайдеры актуальны как никогда) На скринах примеры слайдера, которые я использую в работе с лендингами. Это не стандартный блок Геткурс, а блок html, с использованием css/js Несмотря на сложившееся мнение, вноси...

👁 297📷 photo
Ssites_layout
sites_layout
7 окт., 15:39

Одна форма вместо восьми Демо на видео ⬆️ Верстала я на днях первый экран страницы, где настроены продажи серии уроков и удивилась от количества форм, их было столько же, сколько карточек с уроками😳 Это было сделано для того, чтобы выбранный урок при открытии формы всегда был на первом месте в списке, с активным чекбоксом и выделением. Что логично с точки зрения покупателя, сразу видно, что выбрано и исключен лишний клик. Но 8 форм😳 А если позиций на странице будет 20, 30... При таком количест...

👁 285
Ssites_layout
sites_layout
18 сент., 15:50

Первое видео это страница тренинга, второе страница сайта, где мы используем тот же приём 😜

👁 277🎬 video
Ssites_layout
sites_layout
31 дек., 12:53

Алиса придумала забаву, мне нравится 😜

👁 258

Типы хуков

Нейтральный12 | 318 просм.

Длина постов

Длинные (500-1000)4 | 344 просм.
Короткие (<200)3 | 298 просм.
Средние (200-500)3 | 344 просм.
Очень длинные (1000+)1 | 285 просм.

Влияние эмодзи

310
С эмодзи (9)
341
Без эмодзи (3)
-9.1% охвата

Типы контента

📷
4
photo
341 просм.
📝
3
text
318 просм.
🎬
5
video
299 просм.
Дизайн и вёрстка GetCourse | Tilda (@sites_layout) — Telegram-канал | PostSniper