Experiential graphic design
08:00–09:00
Greetings and introduction of delegates
13:00–14:30
Self-development in design and revolutions in minds at the begining of 20's
14:30–15:30
How to be a graphic designer and not to lose your soul.
Denis Mayer will tell about upcoming conference.
Experiential graphic design is the application of communication skills to the build environment.
Conference Program
Tuesday, March 14
11:30–12:30
Lettering workshop with guru of pens, brushes, colapens, bamboo dip pens and other cool tools.
Maria Wilson, projects manager in Pixels
Lysa Mayer, creative director in DD agency
Tasks may be assigned to individuals or a group and may be categorized as convergent or divergent.
Calligraphy workshop
Crowdsourcing in graphic design companies
Experiential graphic design
Experiential graphic design is the application of communication skills to the build environment.
13:00–14:30
14:30–15:30
Experiential graphic design
08:00–09:00
Greetings and introduction of delegates
13:00–14:30
Self-development in design and revolutions in minds at the begining of 20's
14:30–15:30
How to be a graphic designer and not to lose your soul.
Denis Mayer will tell about upcoming conference.
Experiential graphic design is the application of communication skills to the build environment.
Conference Program
Tuesday, March 14
11:30–12:30
Lettering workshop with guru of pens, brushes, colapens, bamboo dip pens and other cool tools.
Maria Wilson, projects manager in Pixels
Lysa Mayer, creative director in DD agency
Tasks may be assigned to individuals or a group and may be categorized as convergent or divergent.
Calligraphy workshop
Crowdsourcing in graphic design companies
Experiential graphic design
Experiential graphic design is the application of communication skills to the build environment.
13:00–14:30
14:30–15:30

Как сделать раскрытие ZeroBlock в Tilda

Как выполнили данный пример:

1. Создали ZeroBlock
2. Его высота получилась 1150px
3. Задали ему высоту 750px
4. Добавили на страницу ещё один ZeroBlock с кнопкой(задали ей ссылку #showmore).
Высота блока 270px.
5. Добавили код на страницу
Скрипт вставляется в блок ДРУГОЕ►Т123
Прописали в коде ID основного Zero и с кнопкой
var mainZeroID = "#rec108375497";
var buttonZeroID = "#rec108336317";

Величина раскрытия Zero в пикселях
height : '+=400'
height : '-=400'
<style>
.buttonfilter {
    background: linear-gradient(to top, #ffffff 70%, rgba(255, 255, 255, 0) 100%) !important;
    z-index: 99 !important;
}
.buttonposition {
    margin-top: -100px;
    position: relative;
    z-index: 1;
    background: #efefef;
}
</style>

<script>
    $( document ).ready(function() {
    //Прописываем ID Нашего Zero
    var mainZeroID = "#rec108375497";
    var buttonZeroID = "#rec108336317";
    $(buttonZeroID).addClass('buttonposition buttonfilter');
  
    
    $('a[href="#showmore"]').on('click', function(e) {e.preventDefault();
  if (!$(this).hasClass('clicked')) { // если класса нет
    $(this).addClass('clicked'); // добавляем класс
    //Увеличиваем высоту блока
    $(mainZeroID+" .t396__artboard , "+mainZeroID+" .t396__carrier ,  "+mainZeroID+" .t396__filter").animate({height : '+=400'}, 500);
    $(this).text('Hide');
    $(buttonZeroID).removeClass('buttonfilter');
  } else { // если есть
    $(this).removeClass('clicked'); // убираем класс
     //Увеличиваем высоту блока
   $(mainZeroID+" .t396__artboard , "+mainZeroID+" .t396__carrier ,  "+mainZeroID+" .t396__filter").animate({height : '-=400'}, 500);
   $(this).text('Show More');
   $(buttonZeroID).addClass('buttonfilter');
  }
});
});
</script>
Made on
Tilda