Сейчас узнаем, какой подарок выпадет именно Вам
Крутите колесо
Ура, вы выиграли!
Ваш приз:
Годовой доступ
к видео на mo-ti -20%
по промокоду T19RAY
Промокод действителен 3 дня

Оформить доступ с промокодом
100
#2470a1
Как сделать боковой инфо-виджет в ZeroBlock в Tilda
New featured
  • High Quality
    We are the leading firm by delivering quality and value to our clients. All our professionals have more than 5 years of legal experiences.
    1
  • Nice Prices to start with
    Our prices are fixed for some standard services and we create sales for regular clients. Also we ask our new clients about their birthday and prepare cool presents.
    2
  • Individual Approach
    Our company works according to the principle.
    All our professionals have more than 5 years of legal experiences. We like what we do.
    3
  • Good Support
    Our managers are always ready to answer your questions. You can call us at the weekends and at night. Also you can visit our office for personal consultation.
    4
  • Unique Experience
    All our professionals have more than 5 years of legal experiences. They use their knowledge to make our clients life better.
    5
  • Effective Services
    We take care about our clients time and can help you every day. Just call us — and we will help you with all the questions.
    6

Как сделать боковой инфо-виджет в ZeroBlock в Tilda

1
Создали ZeroBlock
2
Создали все элементы для виджета, задали им положение Window Container- Top - Right
3
Сделали высоту для этого Zero 0px и включили настройку
Overflow - Visible
4
Добавили стиль в блок Другое - Т123
В стиле прописали ID Zero
#rec153479578
Смещение влево (-210px)
Позиция от верхнего края
(50vh - 175px)
Mo-ti Level Up
Видео инструкции по добавлению кода и работе с Zero Block.
Получить полное видео
Посмотреть все видео
Создаём боковой инфо-виджет из Zero. Размещаем его в любой стороне экрана.
Длительность видео: 27 мин
Фрагмент видео
Посмотреть видео в личном кабинете ►
Библиотека для примера

<style>
#rec153479578 .t396__artboard {
    position: fixed;
    z-index: 999;
    top: calc(50vh - 175px);
    -webkit-transition:  all 0.4s ease-in-out;
    -moz-transition:  all 0.4s ease-in-out;
    -o-transition:  all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#rec153479578:hover .t396__artboard {
     moz-transform: translateX(-210px);
    -ms-transform: translateX(-210px);
    -webkit-transform: translateX(-210px);
    -o-transform: translateX(-210px);
    transform: translateX(-210px);
}
</style>
Call Us
Fast Help
Our telephone services can help you in English on weekdays from 9 am to 4.15 pm, in July 9 am to 3 pm
Call US
Tilda Newsletter
Subscribe to our email newsletter for useful tips and valuable resources, sent out every month
Made on
Tilda