Как сделать стрелку в тильде
Если данная статья оказалась для Вас полезной, не забывайте поставить лайк. Если у Вас есть вопросы по работе с конструктором Тильда, Вы можете задать их на YouTube-канале «Маркетинг в огне» с Алексеем Чесноковым в рубрике You Asked for Tilda. Для развернутого ответа я присылаю ссылку на видео-ответ или пишу в комментариях, если детальный ответ не требуется.
Также, рекомендую посмотреть другие мои ролики, перейти на главную страницу, где есть лайфхаки по конструктору Тильда, «Ничто, кроме Тильда», аудиты сайтов и многое другое.
Я очень благодарна Алексею за столь познавательный и полезный курс. Узнала много совершенно новой и полезной информации. Программа обучения была столь захватывающей, что с удовольствием погружалась в процесс обучения не только во время интенсивов, а еще и по ночам, во время выполнения домашнего задания (ибо днем — быт и дети, ага). Для меня — как графического дизайнера, самым увлекательным процессом в курсе (помимо остальных), был раздел о создании сайта на Тильде. Приобретенные во время обучения навыки и знания я уже успела применить, причем сайт на Тильде создала не просто за спасибо, а вполне по адекватной стоимости, а с момента окончания курса не прошло еще и месяца. Алексей впечатлил своими коммуникативными данными, умением заинтересовать в обучаемой дисциплине и своей многогранностью в познаниях. Алексей из тех людей, кто щедро делится ценными знаниями, для меня это важная профессиональная черта, поэтому, с полной ответственностью рекомендую курсы Алексея и в том числе его ютуб канал.
Курсы мне понравились. Мои разрозненные знания структурировались! Понравилось живое общение c ответами на вопросы. Конкретика. Материалы презентации прекрасные. Это толчок к более углубленным знаниям в последующей работе. По курсу у меня замечаний нет. Единственное, хотелось бы в программе видеть для SEO-шников больше практических работ по написанию мета-тегов и сниппетов, с URL-ами для контекстной рекламы. Для владельца бизнеса и постановки задач для SEO и SMM менеджеров вполне нормально. Оценка Алексею, как преподавателю 5 из 5. Мои ожидания от курса оправдались. Интернет отдел зашевелился. Курсы Алексея Чеснокова рекомендую своим партнерам и специалистам. Ученье свет. Правда ученых стало тьма тьмущая.
Алексей, желаю Вам защитить кандидатскую, для получения ссылки МГУ ��)) Да и побольше удачи. Она в бизнесе одно из основных слагаемых успеха, вместе с упорством и знаниями!
Мне, как человеку достаточно далекому от сайтов, продвижения, и всего того, что с этим связано, было интересно прослушать курс по SEO. Теперь стало понятно, что это и зачем нужно! Теперь буду пробовать применять полученные знания на практике. Материал излагался простым и доступным языком. Единственное, чего не хватало – это побольше практических заданий. В целом 9 из 10. Так что ожидания от курса оправдались. Обязательно порекомендую Ваши курсы!
Алексей, хочу пожелать Вам дальнейшего профессионального роста и прибыльных проектов. Удачи!!
Курс Алексея Чеснокова от других отличает особая душевность в подходе и вера в учеников. Я очень довольна процессом обучения. К своему удивлению смогла сделать то, за что боялась даже подумать браться. Хочется отметить спокойное внятное объяснение. Достаточно интересный рассказ. Все мои ожидания от обучения оправдались – я научилась делать сайты.
Спасибо за курс! Желаю вам крепкого здоровья и нервов)
Программа обучения мне понравилась. Порадовал подход в донесении материала, а главное заинтересованность преподавателя в донесении информации до слушателей. Все понятно и интересно. Впечатлило желание Алексея Чеснокова донести материал до слушателей, поделиться своим личным опытом, наладить контакт с аудиторией. На курс пошла потому, что хотела понять, как работать с рекламой в современных источниках интернета. Мои ожидания полностью оправдались, что хотела, то и получила.
Желаю вам успеха, интересных проектов и благодарных слушателей!
Алексея Чеснокова от других преподавателей отличает харизма и вовлеченность в свою работу. Программа курса интересная, много полезной информации. Понравилось умение преподавателя интересно излагать материал и держать внимание аудитории, его профессионализм. Ожидания от курса оправданы, базовые навыки я освоила.
Карьерных высот вам!)
Интересный материал, приятная манера общения, структура курса – считаю, что именно эти моменты отличают Алексея Чеснокова от других преподавателей. От обучения получила только положительные впечатления – чувствую, что время провела с пользой, узнала новое и релевантное моим потребностям. Единственное чего не хватило в программе курса, это возможности сделать что-то самостоятельно, например, кейс какой-нибудь. На мой взгляд, нужна практическая часть. Курс, который я посетила – разработка сайтов, примерно так назывался, кажется. Мне было полезно узнать про разные движки и платформы, структуру сайта. Хорошо, что у были примеры успешных и неуспешных сайтов.
Оставайтесь таким же вдохновлённым – это важно для любого дела и преподавания в частности!
Очень понравилась креативность преподавателя, вовлеченность в процесс, его ораторское искусство и легкость передачи знаний. Благодаря этому большой объем практических знаний легко умещается и переваривается в котелке. Информация на курсе излагалась последовательно и лаконично. Профессионализм, организованность, оптимизм и контактность – все это однозначно сильные стороны Алексея Чеснокова. Удивила его готовность транслировать информация круглосуточно, без перерывов. Был замечен легкий переход на сторонние темы (хотя в моем случае это даже плюс). Мои ожидания от курса «Яндекс Директ» оправдались, получила практический опыт и знания в изучаемой области.
Желаю вам оставаться таким же жизнерадостным, открытым и креативным, совершенствовать свои знания и навыки, продвигаться в новых областях)))
Затрудняюсь дать оценку лектору, так как не с чем сравнивать, у преподавателей по созданию сайта никогда не был. Это мой первый курс по данной теме. Легко, драйвово, продуктивно – это мои впечатления от процесса обучения. Алексей Чесноков практик, ему нравится преподавать и делиться опытом (это видно). И, главное, он умеет объяснять сложное простыми словами. Минусов не нашёл). Когда шел на курс думал, что я полностью разберусь как работать при создании сайтов и смогу грамотно выстроить работу подрядчика, а также смогу убедить руководство, что у нас есть проблемы по этой части, и нам нужно менять подрядчика. А ещё я надеялся, что смогу сам «руками» работать по этому направлению. Ожидания не совсем оправдались, так как после 6 часового блока по созданию сайта в рамках digital курса все равно остались вопросы. Мне не хватило времени, чтобы спросить то, чего не было в презентации.
Желаю вам удачи в вашем деле)))
Курс для меня был интересным, Алексей очень доступно все объяснял. Жаль, что мало времени отведено обучению и далеко от дома (живу в Зеленограде). Хотелось бы большей адаптации программы к гос.мед.организациям – это особая печалька, продвигать госку. Перед началом обучения никаких ожиданий не было.. затащили меня сюда случайно, но я этому рада.. правда, тема не моя, а скорее техподдержки, сисадминов, СЭОшников.. но близка мне, поскольку работаем в этом направлении, я отвечаю за ПИАР больницы.. Получила много интересного материала (пока не могу его изучить, к сожалению). Влезла в метрики — ИНТЕРЕСНО. только времени нет на все это, к сожалению. этим должен заниматься целый отдел, или хотя бы отдельный специалист. а я швец и жнец. и на дуде.. и крестиком. и на машинке.. Курсы Алексея Чеснокова рекомендую однозначно!
Алексей, Вы прекрасны! Иногда Вас уводит в рассуждалки, от темы… иногда перескакиваете, не дожав интересное и важное. но в целом, супер! Желаю Вам адекватных клиентов, прибыльных заказов, минимальной зависимости от дурацких гос.структур, но стабильной поддержки от них))) Творчества, сбычи желаемого и крепкого ЗДОРОВЬЯ.
Впечатления от обучения на отлично! Материал дан в полной мере, понравилась последовательность подачи материала и важные заметки/комментарии. Сложно сказать, чем еще можно улучшить программу, наверняка курс и так оттачивается от потока к потоку. Моя оценка Алексею, как преподавателю строго положительная. На курс пошел, поскольку нужны были базовые знания по AdWords, а по итогу получил углубленные. Курс Алексея Чеснокова безусловно рекомендую
Алексей, желаю вам здоровья, личностного и профессионального роста, и возможность заниматься любимым делом!
Курс мне очень понравился, интересный, насыщенный и все рассказано простым языком. У Алексея интересный подход к преподаванию, лично меня порадовала неформальность общения, разбор примеров на практике – все было отлично. Единственное, по программе обучения хотелось бы больше часов. Моя оценка за курс 10 по 5-ти бальной шкале!! Ожидания от обучения оправдались с лихвой! Спасибо! Обязательно буду рекомендовать ваши курсы коллегам и друзьям.
Как сделать горизонтальный скролл со стрелками Zerbo Block?
С помощью этой модификации можно сделать горизонтальную прокрутку Zero Block по курсору мышки или стрелками
Генератор кода
- Инструкция
- Пример
1. Создаем Zero Block и настройках блока выставляем параметр Owerflow в режиме Auto
2. Размещаем в блоке весь необходимый контент(все что выходит горизонтально за пределы сетки тильда будет скролиться)
3. Создаем второй Zero Block и создаем там две кнопки для навигации.
4. Стрелкам назначаем классы ti-arrow-left (для прокрутки влево) и ti-arrow-right (для прокрутки вправо)
Чтобы добавить класс, нажимаем на элемент правой кнопкой мыши и выбираем из списка «Add CSS Class Name» и далее, справа в настройках указываем класс
5. Копируем id Zero Block скрола и id Zero Block со стрелками. Вставляем в генератор кода
6. Копируем готовый код и вставляем его в HTML блок T123
Примечание: Добавьте в самый конец скролла небольшой невидимый шейп шириной 40px. Это нужно чтобы при скролле справа был небольшой отступ
Теперь есть своя галерея в Zero блоке на Tilda
В этом видео мы перенесём галерею в Zero блок и поставим свои элементы управления, стрелки, На Tilda .
Регистрируйтесь на лучшем конструкторе для создания сайтов Tilda: Регистрация здесь
Переносим галерею GL01 в Zero блоке на Tilda
Всё делаем по этапно
1. Создаём ZeroBlock
2. Создаём в Zero элемент HTML, очищаем его и вставляем блок
<div ></div>
2. Создаём галерею GL01
3. Настройки галереи
Ширина: 7 блоков
Высота: 400px
Отступы: 0px
4. Добавляем скрипт. Заменяем элементы:
#rec45716577 — ID Галереи
tn-elem__457165041519379999897 — класс левой кнопки / Ссылка левой кнопки #leftarrow
tn-elem__457165041519380020679 — класс правой кнопки / Ссылка правой кнопки #righarrow
Секреты дизайна: как сделать курсор, подобный тому, что используется на Tilda
Курсор является важной частью сайта, и он может оказать большое влияние на пользовательский опыт. Курсор на Tilda напоминает стрелку с пером и добавляет особую элегантность сайту. В этой статье мы рассмотрим, как сделать курсор, похожий на тот, что используется на Tilda.
Шаг 1: загрузка изображения курсора
Первым шагом является загрузка изображения курсора в формате ".png". Для этого вам нужно выбрать подходящее изображение, которое вы хотите использовать в качестве курсора. Как правило, он должен быть прозрачным, чтобы хорошо выглядеть на любом фоне.
В Tilda используется изображение, подобное этому:
Шаг 2: Создание CSS-кода для курсора
После загрузки нужного изображения вы можете создать CSS-код для курсора, включая его размер, расположение и свойство указателя. Вот пример CSS-кода, используемого на Tilda для их курсора:
Этот код задает размеры курсора, его расположение и указывает путь к изображению. Он также устанавливает значение pointer-events на "none", чтобы курсор не реагировал на щелчки мыши. Затем вам нужно установить свойство курсора на "none", чтобы скрыть стандартный курсор и заменить его на ваш.
Шаг 3: Добавление JavaScript для отслеживания движения мыши
Чтобы ваш курсор двигался вместе с мышью, вам нужно добавить JavaScript-код, который будет отслеживать движение мыши. Вот как это делается:
Этот код добавляет слушателя событий "mousemove" для документа, который отслеживает движение мыши. Когда мышь перемещается, код изменяет расположение вашего курсора, устанавливая координаты "top" и "left" равными координатам мыши e.clientY и e.clientX .
Шаг 4: Подключение CSS- и JavaScript-файлов к HTML
Последний шаг — подключить CSS- и JavaScript-файлы к вашей HTML-странице. Вы можете сделать это, используя следующий код:
Заключение
Создание курсора, подобного используемому на Tilda, не так сложно, как может показаться на первый взгляд. Следуйте этим простым шагам, загружайте изображение, создавайте CSS-код, добавляйте JavaScript для отслеживания движения мыши и подключайте все файлы к вашей странице. И не забудьте, что курсор является важным элементом пользовательского опыта, поэтому выберите его с умом и сделайте его уникальным!