Dmitry Space кодит!

Как вы это можете использовать? Например, можно скрыть неугодную кнопку: <style> селектор { display:none; } </style> Или переименовать: <style> селектор a { font-size:0!important; } селектор a:before { content: "Новое имя"; font-size: 14px!important; } </style> * код для Настроек аккаунта

Часто приходится ковырять левое меню геткурса, поэтому сделал себе шпаргалку, в которой собрал селекторы всех-всех кнопок меню и подменю. Возможно и вам пригодится 🙂 https://blog.dmitryspace.com/getcourse-menu-css-selectors

Делюсь лайфхаком 😊 Если у вас в десктопной версии сайта в тексте есть переносы строк (через тег <br>), то они могут печально выглядеть на мобильном. Когда экран сжимается, перенос строки часто становится неуместен (особенно в заголовке). И чтобы не делать копии блоков для разных разрешений экрана из-за одного лишь переноса, есть такой способ исправить это:

@media (max-width:768px) {
  .my-text br {content:"";}
  .my-text br:before {content:" ";}
}

В медиа-запросе "768px" это ширина экрана, ДО которой это правило будет работать. У меня 768px, т.к. обычно с этого разрешения начинается моб версия сайта, у вас это может быть другой значение. В этом CSS-правиле мы просто убираем контент у элемента <br> (т.е. сам перенос), и вместо него, с помощью псевдоэлемента "before", вставляем пробел. * my-text меняете на класс вашего текста.

⏱ Конкурс завершён! 🎁 Победила работа @Pavel_Gavrilov, набравшая 76 баллов: https://t.me/c/1303152907/1513 Поздравляю победителя! И жду в ЛС для выдачи приза)) 😯 А зрительские "Вау!" однозначно получает работа юного гения @antonryabkin: https://t.me/c/1303152907/1908 Спасибо всем, кто принял участие! А кто не успел выложить свою работу или не выиграл, не переживайте, копите работы, повторим конкурс в след месяце 🙂

Друзья, если вы хотите показать свою работу и получить за это 1000 руб, то у вас осталось ещё 3,5 дня)) Именно столько осталось до конца конкурса 🙂 Пока что в конкурсе участвует всего 6 человек, таким образом, если вы будете седьмым, то ваши шансы выиграть будут практически 7 к 1 :))) Правила участия тут, работы участников можно найти в чате по хештегу #мой_шедевр. Присоединяйтесь! 😉

‼️ Важная информация для тех, кто пользуется моим скриптом для контроля подписчиков в Telegram-канале. В API телеграма произошли некоторые изменения, из-за чего скрипт может перестать работать. Поэтому, если вы заметили, что пользователи перестали удаляться из канала, тогда пишите мне, исправим.

🔥 Набор из 3x прогресс-баров Этот "виджет" я сделал ещё месяц назад, но так заработался, что не успеваю сообщать вам о новых творениях 😅 Скрипт добавляет на страницу тренингов панель с тремя прогресс-барами, которые позволяют ученикам отслеживать, на каком этапе обучения они находятся, и добавляют в обучение элемент игры, благодаря чему повышается доходимость учеников до конца курса и общая результативность обучения. Что отображается в прогресс-барах: 1. Количество пройденных уроков. 2. Время обратной связи, которое осталось у ученика после покупки. 3. Оставшееся время доступа к урокам тренинга. Но если, например, обратная связь в тренинге не предусмотрена, то соответствующий прогресс-бар можно легко убрать. Стоимость скрипта 6 000 руб. В неё входит сам код и видеоинструкция по установке. При необходимости, возможна услуга установки (оплачивается отдельно). Приобрести можно тут: https://persclik.ru/progressbar

🎁 Внимание! Спасибо за внимание) В общем, я тут сделал Telegram-бота, чтобы вам не так скучно было делиться своими работами в чате 😄 Поэтому объявляю небольшой конкурс. Победитель получит 1000 руб 💸 Правила участия: 1. Когда вы выкладываете свою работу в чат, то нужно ставить хештег #мой_шедевр. Бот увидит этот хештег, и ответит на ваше сообщение предложением проголосовать за него другим участникам чата. 2. Перед хештегом в вашем сообщении не должно быть никакого текста (после можно). 3. Голосование за одну работу длится сутки, по прошествии этого времени голоса больше не принимаются. 4. Кол-во ваших работ, которые вы можете выставить на один конкурс не ограничено, но голоса по ним суммироваться не будут. 5. Конкурс продлится 2 недели, и закончится 11 октября в 23:59 МСК. А 12 октября я объявлю победителя. 6. Голосовать могут только подписчики чата. Если на момент подсчёта результатов проголосовавших не будет в чате, то их голоса не засчитаются. 7. Участники с накрученными голосами будут дисквалифицированы) 8. В качестве работ принимаются скриншоты оформления страниц/блоков или демонстрация работы скриптов, которые лично вы сделали) ❗️Конкурс начинается сейчас! Удачи!))

Я научился вытаскивать полноразмерную картинку тренинга из чатиума! 🥳🎉🎊 Почему я так рад? В ГК есть возможность задавать картинки тренингам (на вкаладке "В приложении"), но вся печаль в том, что их видно только в чатиуме. А сделать так, чтобы эту картинку было видно в декстопной версии, невозможно. Из-за этого стилизация плиток тренингов с картинками превращается в сущий кошмар, потому что картинки приходится прописывать через код к каждому тренингу отдельно. Но я всё-таки нашёл способ, как с помощью скрипта получать полноразмерные картинки тренингов прямиком из чатиума 😏 Т.е. теперь у меня на карточках тренингов появляются автоматически те картинки, которые я добавил на вкладке "В приложении".

Привет, друзья! Мне тут пришла идея)) Давайте сделаем ещё один чат 😂 Нет, серьёзно) Иногда так хочется поделиться с кем-то своим небольшим достижением в плане вёрстки, или каким-то небольшим скриптом, а показать-то и некому, да и как-то неловко писать об этом в большой чат)) Поэтому предлагаю вам делиться своей красотой в специальном чатике: https://t.me/joinchat/TayJC3Gm47VlFm69 Выкладывайте свои работы по оформлению ЛК геткурса или, например, странички сайта, которые лично вы сделали. Да, даже, если это какой-то небольшой блок... Всё равно интересно посмотреть на работы друг друга, поделиться мыслями и идеями! P.S. Я уже начал 🙂

Ещё один стильный ЛК ✅ https://blog.dmitryspace.com/sensei

Пример кастомизации "Новой вебинарной комнаты" Столкнулся с тем, что многие не до конца понимают возможностей кастомизации "Новой вебинарной комнаты". Как я уже говорил, если вас не устраивает стандартная тёмно-синяя тема, то можно очень легко заменять все цвета, шрифты, радиус скругления углов (на случай, если у вас строгий фирменный стиль), картинку кнопки "отправить комментарий", и, конечно, фоновую заставку видеоблока. Словом, практически всё можно подогнать под ваш фирменный стиль. Посмотреть демо-вебинар с новым оформлением и оставить заявку на подключение можно тут: https://persclik.ru/webinar-theme

Пример кастомизации "Новой вебинарной комнаты" Столкнулся с тем, что многие не до конца понимают возможностей кастомизации "Новой вебинарной комнаты". Как я уже говорил, если вас не устраивает стандартная тёмно-синяя тема, то можно очень легко заменять все цвета, шрифты, радиус скругления углов (на случай, если у вас строгий фирменный стиль), картинку кнопки "отправить комментарий", и, конечно, фоновую заставку видеоблока. Словом, практически всё можно подогнать под ваш фирменный стиль. Посмотреть демо-вебинар с новым оформлением и оставить заявку на подключение можно тут: https://persclik.ru/webinar-theme

Чтобы исправить это, добавьте JS-блок с таким содержимым прямо после блока с формой: $(()=>{$('.form-position').each((i,el)=>{ $(el).find('input:not([type=text])').off('change').change((e)=>{ if ($(e.target).prop('checked') ) { $(e.target).parents('form').find('.selected:not(:has(:checked))').removeClass("selected"); $(e.target).parents('.form-position').addClass('selected'); } else $(e.target).parents('.form-position').removeClass('selected'); }); })});

Ещё один бесячий баг геткурса, когда "подсветка" выбранного предложения (жёлтый фон) перескакивает, при выборе нескольких предложений в форме.

🔥🔥🔥 Готовое решение для оформления вебинаров В последнее время запрос на оформление веб комнат один из самых частых из тех, которые мне приходят. При чём, как обычно, всем нужно красиво и ещё вчера. Но мало кто знает, что это одна из самых сложных страниц для стилизации в ГК, потому что: а) страницы всех трёх типов трансляций (ютуб, браузер, видеокодер) в ГК свёрстаны по-разному, а это значит, что им нужны отдельные стили; б) страницы админки для всех трёх типов трансляций тоже сделаны по-разному; в) сама вёрстка этих страниц очень сложная для кастомизации; г) когда кажется, что всё уже красиво, и все стили настроены, то обязательно ломается стандартная страница ожидания вебинара (там где идёт обратный отсчёт), т.к. эта страница находится по тому же адресу, что и сам вебинар; Естественно, всё это решать очень долго. А если у вас ещё и дизайн веб комнаты не готов, то вы точно не успеете застилизовать веб комнату до намеченного дедлайна)) Поэтому, собрав весь свой опыт по стилизации веб комнат на ГК, и практически выучив HTML-код геткурсовских вебинарных страниц, я сделал готовое решение для тех, кому надо "красиво и быстро" 🙂 Что внутри: • Более 1000 строк кода. • Минимум скриптов, максимум стилей 😄 (в основном используется только CSS, поэтому страницы работают так быстро, как только возможно). • Дизайн, сделанный профессиональным UI-дизайнером. • Возможность сменить цвета и шрифты под свой фирменный стиль (отдельная опция). • Подключение нового стиля веб комнаты делается с помощью всего одной строчки кода и занимает 2 минуты. • В качестве бонуса отключена 15-ти секундная задержка между отправками сообщений в вебинарном чате. Стоимость подключения такой веб комнаты (без изменений) — 10 тыс. руб. Если нужны какие-то изменения — то цена будет зависеть от вашего запроса. Посмотреть демо-вебинар с новым оформлением и оставить заявку на подключение можно тут: https://persclik.ru/webinar-theme .

🔥🔥🔥 Готовое решение для оформления страницы вебинаров В последнее время запрос на оформление веб комнат один из самых частых из тех, которые мне приходят. При чём, как обычно, всем нужно красиво и ещё вчера. Но мало кто знает, что это одна из самых сложных страниц для стилизации в ГК, потому что: а) страницы всех трёх типов трансляций (ютуб, браузер, видеокодер) в ГК свёрстаны по-разному, а это значит, что им нужны отдельные стили; б) страницы админки для всех трёх типов трансляций тоже сделаны по-разному; в) сама вёрстка страниц очень сложная для кастомизации; г) когда кажется, что всё уже красиво, и все стили настроены, то обязательно ломается стандартная страница ожидания вебинара (там где идёт обратный отсчёт), т.к. эта страница находится по тому же адресу, что и сам вебинар; Естественно, всё это решать очень долго. А если у вас ещё и дизайн веб комнаты не готов, то вы точно не успеете застилизовать веб комнату до намеченного дедлайна)) Поэтому, собрав весь свой опыт по стилизации веб комнат на ГК, и практически выучив HTML-код геткурсовских вебинарных страниц, я сделал готовое решение для тех, кому надо "красиво и быстро" 🙂 Что внутри: • Более 1000 строк кода. • Минимум скриптов. В основном используется только CSS, поэтому страницы работают так быстро, как только возможно. • Дизайн, сделанный профессиональным UX-дизайнером. • Возможность сменить цвета и шрифты под свой фирменный стиль (отдельная опция). • Подключение нового стиля веб комнаты делается с помощью всего одной строчки кода и занимает 2 минуты. • В качестве бонуса отключена 15-ти секундная задержка между отправками сообщений в вебинарном чате. Стоимость подключения такой веб комнаты (без изменений) — 10 тыс. руб. Если нужны какие-то изменения — то цена будет зависеть от вашего запроса. Посмотреть демо-вебинар с новым оформлением и оставить заявку на подключение можно тут: https://persclik.ru/webinar-theme .

Ну и давайте ещё один баг исправим вдогонку, может геткурс нас заметит :) Суть бага: Если сделать всплывающий блок с геткурсовским видеоплеером, то после закрытия такого блока в то время, как видео воспроизводится, звук из видео продолжает звучать. Фикс: Просто добавьте JavaScript-блок со следующим содержимым на страницу с проблемным всплывающим блоком. $(document).on('click', '.gc-modal', (e)=> { if(!$(e.target).is('.modal-dialog') && !$(e.target).parents('.modal-dialog').length) { let curr_modal = $(e.target).closest('.gc-modal'); if(curr_modal.length) { let videobox = $(curr_modal).find('.vhi-root').eq(0); let iframe = $(videobox).find('iframe'); iframe.remove(); videobox.append(iframe); } } });