Думал что эти простые действия знают уже все, но оказывается нет. По этому, кто еще не знает как делать такие штуки, это видео в помощь друг! Пользуйся.
https://youtu.be/rLspNI3zh4M
https://youtu.be/rLspNI3zh4M
YouTube
Webflow уроки №13. Анимация при наведении на элементы. Зум изображения.
Создание эффекта увеличение картинки при наведении на блок, а так же появляющиеся элементы внутри блока.
По всем вопросам обращайтесь по ссылкам ниже:
Создание сайта, Вёрстка сайта, Настройка рекламы и запуск проекта.
Мой ВК - https://vk.com/slavariik…
По всем вопросам обращайтесь по ссылкам ниже:
Создание сайта, Вёрстка сайта, Настройка рекламы и запуск проекта.
Мой ВК - https://vk.com/slavariik…
Готовлю новые уроки по вашим комментариям под видео к урокам.
Так же друзья я создал группу в которой вы можете задавать мне вопросы касающиеся видео уроков и не только. Вступайте в группу по ссылке https://t.me/webflowshcoolchat
Telegram
Чат Fishki Webflow
В этой группе вы можете задавать вопросы которые возникают у вас по ходу просмотра видео уроков.
Fishki Webflow via @vote
Подготовил для вас списов видео уроков. В порядке рейтинга буду их выпускать. Голосуйте друзья.
public poll
Слайдер-карусель пошаговый, с эфектами – 9
👍👍👍👍👍👍👍 38%
@Denis_Manzherin, @VeryKindMan, @valeri92, @vvstudio, @DubovikIvan, @marketologmsk, @Ramil091, Haasha, Алина
Создание кастомного таймера обратного отсчета – 7
👍👍👍👍👍 29%
@zhelo_slava, @pricheskanabochok, @JulietWebdesign, @ilgam72, @vdmytrenko, Serg, Dimitry
Новый способ стилизации чекбоксов и радио баттон – 4
👍👍👍 17%
@tnsnurb, @RazidaSerebryakova, @bonidom, @chorajhn
Создание кастомных кнопок с эфектами при наведении – 4
👍👍👍 17%
Elena, @DmitryPStepanov, @ilyshmke, Сергей
👥 24 people voted so far. Poll closed.
public poll
Слайдер-карусель пошаговый, с эфектами – 9
👍👍👍👍👍👍👍 38%
@Denis_Manzherin, @VeryKindMan, @valeri92, @vvstudio, @DubovikIvan, @marketologmsk, @Ramil091, Haasha, Алина
Создание кастомного таймера обратного отсчета – 7
👍👍👍👍👍 29%
@zhelo_slava, @pricheskanabochok, @JulietWebdesign, @ilgam72, @vdmytrenko, Serg, Dimitry
Новый способ стилизации чекбоксов и радио баттон – 4
👍👍👍 17%
@tnsnurb, @RazidaSerebryakova, @bonidom, @chorajhn
Создание кастомных кнопок с эфектами при наведении – 4
👍👍👍 17%
Elena, @DmitryPStepanov, @ilyshmke, Сергей
👥 24 people voted so far. Poll closed.
Вижу что по голосованию на мое удивление на сегодняшний день ведущий по запросу, это кастомный таймер. Хорошо Давайте запишу этот урок. И так, ожидайте " Кастомный таймер обратного отсчета"
Привет. Рад видеть тебя на моем канале. Канал посвящён приёмам и фишкам webflow. Думаю не нужно объяснять что это крутой инструмент для реализации дизайна в рабочий инструмент. Надеюсь мои уроки помогут тебе более подробнее усвоить редактор webflow и применить эти знания в своих проектах. Так же ты можешь задать свои вопросы в общем чате. Здесь - https://t.me/joinchat/DiMEWkf8PyoQKUzxcmL6lg
Telegram
Чат Fishki Webflow
В этой группе вы можете задавать вопросы которые возникают у вас по ходу просмотра видео уроков.
Fishki Webflow pinned «Привет. Рад видеть тебя на моем канале. Канал посвящён приёмам и фишкам webflow. Думаю не нужно объяснять что это крутой инструмент для реализации дизайна в рабочий инструмент. Надеюсь мои уроки помогут тебе более подробнее усвоить редактор webflow и применить…»
Forwarded from webflowschool
Привет! И вот он победитель голосования прошлого дня. Урок как создать таймер обратного отсчета не используя сторонние сервисы. https://youtu.be/Sh_0MgK9dOs
YouTube
Webflow урок№14. Кастомный таймер обратного отсчета
Как создать таймер обратного отсчета не используя сторонние сервисы. ? Смотри!
По всем вопросам обращайтесь по ссылкам ниже:
Создание сайта, Вёрстка сайта, Настройка рекламы и запуск проекта.
Подписывайся на мой канал в телеграм где ты удешь оповещен о последних…
По всем вопросам обращайтесь по ссылкам ниже:
Создание сайта, Вёрстка сайта, Настройка рекламы и запуск проекта.
Подписывайся на мой канал в телеграм где ты удешь оповещен о последних…
<script>
(function () {
var deadline = '2018-09-28 00:00';
function pad(num, size) {
var s = "0" + num;
return s.substr(s.length - size);
}
// fixes "Date.parse(date)" on safari
function parseDate(date) {
const parsed = Date.parse(date);
if (!isNaN(parsed)) return parsed
return Date.parse(date.replace(/-/g, '/').replace(/[a-z]+/gi, ' '));
}
function getTimeRemaining(endtime) {
let total = parseDate(endtime) - Date.parse(new Date())
let seconds = Math.floor((total / 1000) % 60)
let minutes = Math.floor((total / 1000 / 60) % 60)
let hours = Math.floor((total / (1000 * 60 * 60)) % 24)
let days = Math.floor(total / (1000 * 60 * 60 * 24))
return { total, days, hours, minutes, seconds };
}
function clock(id, endtime) {
let days = document.getElementById(id + '-days')
let hours = document.getElementById(id + '-hours')
let minutes = document.getElementById(id + '-minutes')
let seconds = document.getElementById(id + '-seconds')
var timeinterval = setInterval(function () {
var time = getTimeRemaining(endtime);
if (time.total <= 0) {
clearInterval(timeinterval);
} else {
days.innerHTML = pad(time.days, 2);
hours.innerHTML = pad(time.hours, 2);
minutes.innerHTML = pad(time.minutes, 2);
seconds.innerHTML = pad(time.seconds, 2);
}
}, 1000);
}
clock('js-clock', deadline);
})();
</script>
(function () {
var deadline = '2018-09-28 00:00';
function pad(num, size) {
var s = "0" + num;
return s.substr(s.length - size);
}
// fixes "Date.parse(date)" on safari
function parseDate(date) {
const parsed = Date.parse(date);
if (!isNaN(parsed)) return parsed
return Date.parse(date.replace(/-/g, '/').replace(/[a-z]+/gi, ' '));
}
function getTimeRemaining(endtime) {
let total = parseDate(endtime) - Date.parse(new Date())
let seconds = Math.floor((total / 1000) % 60)
let minutes = Math.floor((total / 1000 / 60) % 60)
let hours = Math.floor((total / (1000 * 60 * 60)) % 24)
let days = Math.floor(total / (1000 * 60 * 60 * 24))
return { total, days, hours, minutes, seconds };
}
function clock(id, endtime) {
let days = document.getElementById(id + '-days')
let hours = document.getElementById(id + '-hours')
let minutes = document.getElementById(id + '-minutes')
let seconds = document.getElementById(id + '-seconds')
var timeinterval = setInterval(function () {
var time = getTimeRemaining(endtime);
if (time.total <= 0) {
clearInterval(timeinterval);
} else {
days.innerHTML = pad(time.days, 2);
hours.innerHTML = pad(time.hours, 2);
minutes.innerHTML = pad(time.minutes, 2);
seconds.innerHTML = pad(time.seconds, 2);
}
}, 1000);
}
clock('js-clock', deadline);
})();
</script>
Привет. И вот оно долгожданное видео о стилизации чекбокса новым способом. Я думаю этот способ проще и интереснее. Надеюсь тебе понравится. Жду твой царский лайк ) Я очень старался ..
https://youtu.be/dYx152uYddw
https://youtu.be/dYx152uYddw
YouTube
Webflow урок №15 Стилизация чекбокс
Новый способ стилизации чекбокс и радио кнопок в webflow.
По всем вопросам обращайтесь по ссылкам ниже:
Создание сайта, Вёрстка сайта, Настройка рекламы и запуск проекта.
Подписывайся на мой канал в телеграм где ты удешь оповещен о последних новостях и выходах…
По всем вопросам обращайтесь по ссылкам ниже:
Создание сайта, Вёрстка сайта, Настройка рекламы и запуск проекта.
Подписывайся на мой канал в телеграм где ты удешь оповещен о последних новостях и выходах…
Привет ребята. В общем скоро выйдет новая фишка в webflow называется grid то есть сетка. Это крутая штука которая облегчит кучу задач. Ее свойства как по мне, потрясающие. Уже сейчас я увидел кучу вариантов решения прошлых задач при помощи этого инструмента, например создание таблиц.
А так, все ограничивается лишь вашим воображением.
Хотите что бы после релиза я сделал обзор на новинку? Ставьте ваш королевский лайк 👍🏻 и я обязательно запишу для вас обзор. Это огонь !!! 🔥🔥🔥
А так, все ограничивается лишь вашим воображением.
Хотите что бы после релиза я сделал обзор на новинку? Ставьте ваш королевский лайк 👍🏻 и я обязательно запишу для вас обзор. Это огонь !!! 🔥🔥🔥
Релиз новой фишки обещали в октябре. Так что осталось совсем немного, и мы с вами получим классный инструмент. Жду не дождусь уже. 😁
Вот сидел тут думал думал, как решить такую вот задачу.. И подкинул друг идею. Я решил попрбовать и правда решилась задача.
Задача такова.. на странице есть несколько блоков.. к ним привязано модальное окно. с формой заявки, казалось что тут делать то просто привязал модалку для каждого блока и все, но тут чуть веселее задача, каждый блок со смыслом и нужно что бы на почту приходило письмо и в нем было понятно на какой блок кликнул посетитель и какую заявку оставил, то есть нам нужно как то идентифицировать поля.
Я смотрел и в сторону кастом кода и в скрытые поля внутри формы и создание коллекции, но все это как то муторно сложно и т.д. да и работают такие штуки лишь только на платном аккаунте. А что если у кого то бесплатный.
Смотрите видео, что у меня получилось.. !!!📽
Задача такова.. на странице есть несколько блоков.. к ним привязано модальное окно. с формой заявки, казалось что тут делать то просто привязал модалку для каждого блока и все, но тут чуть веселее задача, каждый блок со смыслом и нужно что бы на почту приходило письмо и в нем было понятно на какой блок кликнул посетитель и какую заявку оставил, то есть нам нужно как то идентифицировать поля.
Я смотрел и в сторону кастом кода и в скрытые поля внутри формы и создание коллекции, но все это как то муторно сложно и т.д. да и работают такие штуки лишь только на платном аккаунте. А что если у кого то бесплатный.
Смотрите видео, что у меня получилось.. !!!📽
Fishki Webflow via @like
Желаете такой урок ?? Ну тогда с вас ваш королевский 👑 лайк👍🏻
Привет друзья. Как и обещал, записал для вас урок о том как создать форму с индентификацией карточек или выбранных пунктов на сайте. Мы объеденяем сатичную форму и модальное окно.
Надеюсь вам понравится. Если да?, с вас поддержка. 👍🏻Если нет.. 😒 Запишем как бесполезный урок и пойдем писать дальше. 😁
Ладно Все же он кому то будет полезен. Ведь мне пригодился. Смотрим.📽
Отдельно спасибо за пальцы вверх на канале youtube !!!
https://youtu.be/iksE4eBCEqY
Надеюсь вам понравится. Если да?, с вас поддержка. 👍🏻Если нет.. 😒 Запишем как бесполезный урок и пойдем писать дальше. 😁
Ладно Все же он кому то будет полезен. Ведь мне пригодился. Смотрим.📽
Отдельно спасибо за пальцы вверх на канале youtube !!!
https://youtu.be/iksE4eBCEqY
YouTube
Урок Webflow. Идентификация элемента в форме заявки. WEBFLOW
Как сделать так, что бы было понятно, на какой именно элемент (какой пункт или товар выбрал клиент) совершен был клик. И получать это в форме заявки на почте. Смотрим.!!!
По всем вопросам обращайтесь по ссылкам ниже:
Создание сайта, Вёрстка сайта, Настройка…
По всем вопросам обращайтесь по ссылкам ниже:
Создание сайта, Вёрстка сайта, Настройка…