This media is not supported in your browser
VIEW IN TELEGRAM
СЛАЙДЕР С КАСТОМНЫМИ СТРЕЛКАМИ И СЧЕТЧИКОМПро слайдеры мы рассказывали не однократно в уроках, но их вариации бесконечны :)
Этот же урок @araviw решает сразу три задачи по кастомизации слайдера - вывод собственных стрелок (что позволяет не мучиться с пересозданием системных) и вывод счётчика слайда, который показывает номер текущего слайда и число слайдов в галерее. А третье - нестандартный показ контента внутри слайдера.
Данный урок может быть использован как в решении с стандартными плитками, так и модифицированными. Если второе, то плитки примут вид двухколоночного блока, где слева картинка, а справа сам контент. По желанию вы можете использовать блок, где есть кнопка в контенте. Или же переставить стрелки в область слайда.
🔎 Где искать урок?
Тренинги → Практика
🕘 Сколько требуется времени на установку?
20 минут
🔥Что принесет проекту?
Научитесь создавать нестандартные адаптивные слайдеры на базе блоков Геткурса.
#слайдер #лендинг
СЛАЙДЕР С МОДИФИЦИРОВАННЫМИ ТОЧКАМИ (ПОЛОСКАМИ)
Модификация еще одна из рода
Слайдеры в ГК весьма ограничены по своему представлению - сами слайды, стрелки по бокам, да и точки внизу. Все. А что, если мы скажем вам, что любой из этих элементов можно застилизовать? 😏
В прошлом обзоре мы показали модификацию слайда и стрелок (помните, что их можно легко подменить?). Сейчас же @araviw покажет модифицированные точки, которые стали полосками. Комбо из этих двух уроков поможет вам легко переставить элементы, вплоть до того, что перетянуть навигацию слайдера в боковую часть, изменив привычное горизонтальное расположение на вертикальное.
🔎 Где искать урок?
Тренинги → Практика
🕘 Сколько требуется времени на установку?
15 минут
🔥Что принесет проекту?
Научитесь создавать нестандартные адаптивные слайдеры на базе блоков Геткурса. Будете верстать слайдеры как они есть в макете без страдания по тому, что "так сделать нельзя"
#слайдер #лендинг