Как сделать боковой инфо-виджет в 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