Как сделать слайдер из ZeroBlock на Tilda

Все блоги / DLE движок для сайтов 1 февраля 2023 221   



Как сделать слайдер из ZeroBlock на Tilda

Как сделать слайдер из ZeroBlock на Tilda



Для слайдера можно использовать и стандартные блоки, но они не всегда подходят под нашу задачу. Поэтому мы покажем вам несколько способов создания слайдера из блоков Zero

Способ #1. Делаем слайдер со стрелочками в ZeroBlock для формата от 980 px1
Для примера ниже мы использовали три блока Zero. Однако можно использовать любое их количество, если логически поразмышлять над кодом.
Также добавлен блок CR30N для слайдера.

1. Создаём нужное нам количество блоков Zero и делаем для них подходящий под наши задачи дизайн.

2. В этих же блоках создаём кнопки слайдера, с их помощью блоки будут сменять друг друга. Прописываем для кнопок ссылки: #sldleft и #sldright

3. В боковом меню (табам) прописываем ссылки #pers1,#pers2,#pers3…

4. Создаём блок CR30N, удаляем в нём все слайды и создаём новые в том количестве, сколько у нас Zero блоков.

5. Ставим Zero блокам ограничение в видимости: от 980 px.

6. Добавляем блоки T123, прописываем в них коды, которые предоставлены ниже.

  • Оцените публикацию
  • 0

Похожие публикации

@
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent

Архив публикаций