Бесплатные виджеты Панели (стандартные)

Виджеты Панели Adobe Muse

Виджеты Панели Adobe Muse

В этом видеоуроке рассмотрим стандартные бесплатные Виджеты Панели из библиотеки мини-приложений программы Adobe Muse:

— Панель со вкладками;
— Раздвижная панель.

Эти два виджета позволяют сэкономить место на сайте, позволяя размещать контент в сменяющих друг друга вкладках и раздвижных панелях. О том как работать  со стандартными бесплатными виджетами раздела Панели программы Adobe Muse, как их настраивать и из каких элементов они состоят — смотрите это видео:

Этот видеоурок о следующем блоке мини-приложений программы Adobe Muse. Эти мини-приложения называются «Панели со вкладками» и «Раздвижная панель». Находятся они в библиотеке мини-приложений программы Adobe Muse во вкладке «Панели».

Виджеты Панели. Панели со вкладками.

Давайте, рассмотрим, что же это такое. Панели со вкладками. Размещаем на странице сайте и здесь у нас есть некоторые настройки. Посмотрим, как работает данное мини-приложение. При клике на вот эти вкладки меняется вот этот контент. Переходим снова на домашнюю страницу в режим «Дизайна» и смотрим, что мы можем здесь настроить. Настроить здесь мы можем вот эти управляющие элементы — вкладки, подписи на вкладках, дизайн самих вкладок можем настраивать. И принцип тот же. Здесь у нас эти контейнеры вкладки, как триггеры работает. А вот этот контейнер – как целевой объект.

Виджеты Панели. Панели со вкладками. Настройка

Настройки данного мини-приложения позволяют нам установить настраивать ли дизайн всех вкладок вместе либо отдельно настраивать дизайн каждой вкладки. Далее мы можем установить событие, которое будет приводить к смене целевых объектов: это либо при нажатии кнопки, либо при наведении курсора. Давайте сейчас выставлю при наведении курсора, и просмотрим еще раз в режиме «Просмотр». Теперь у нас целевой объект меняется только при наведении курсора мыши на данной вкладке. Раньше нам необходимо было нажимать кнопку мыши, для того, чтобы переключилась каждая из вкладок.

Переходим снова в режим «Дизайн» и посмотрим, какие еще настройки есть у данного мини-приложения.

Виджеты Панели. Панели со вкладками. Полная ширина

Значение «Полная ширина» может иметь значение «Равномерная» либо «По размеру содержимого». Если мы выставляем «По размеру содержимого», мы получаем вот такие вкладки, и они масштабируются по размеру того элемента, который размещен внутри данной вкладки. В данном случае в каждой из этой вкладки размещена подпись – текстовый фрейм. И вкладки масштабировались до размера каждого из этих фреймов.

Виджеты Панели. Панели со вкладками. Настройка значков и надписей

Следующая настройка «Показывать значок справа». Если мы устанавливаем данный флажок, то мы получаем вот такие элементы справа от надписи в каждой из вкладок. И можем разместить туда какую-либо картинку.

Далее настройка «Показывать подпись». Если мы отключим подписи, то на вкладках не будет ничего написано. Давайте выставлю «Равномерное» и отключи подпись, и мы получили вот такие пустые вкладки.

Далее есть функция «Показывать значок слева». Давайте я включу подписи и включу флажок «Показывать значок слева». Теперь картинку можем ставить справа от подписи. Если мы включим две эти вкладки, то мы сможем добавить картинку как вначале вкладки, так и в конце каждой вкладки.

Виджеты Панели. Панели со вкладками. Размещение элементов.

И опция «Размещение подчиненного элемента». Все точно также, как и в настройках мини-приложения «Меню». Мы можем настраивать «По горизонтали; по центру», «По горизонтали; по верхнему краю», «По вертикали; по центру» и «По вертикали; по верхнему краю». Видите, как изменяются данные вкладки и как изменяется расположение элементов в них. Если мы нажмем сейчас режим «Просмотр», то вы увидите, что вкладки стали вот такими широкими и в них разместилось по два элемента типа картинки.

Данное мини-приложение позволяет вам сэкономить место на сайте. Таким образом, в одном и том же месте, разместив одно данное мини-приложение, вы сможете разместить в три раза больше информации.

Виджеты Панели. Раздвижная панель.

Следующее мини-приложение, позволяющее сэкономить вам место на сайте – это мини-приложение «Раздвижная панель». Она точно также позволяет вам сэкономить место на сайте. Она работает следующем образом. При нажатии на каждую из них у нас верхняя панель сворачивается и открывается та, которая под ней. Вот таким образом, вы сможете размещать в одном месте на сайте в три раза больше информации, как в данном случае. Вы сделаете этих вкладок еще больше (их можно добавлять точно также, как можно добавлять «Панели со вкладками») и, таким образом, на одном месте на сайте сможете разместить не три раза больше информации, а, например, в пять раз больше.

Виджеты Панели. Раздвижная панель. Основные настройки.

«Закрывать все»

В настройках «Раздвижной панели» гораздо меньше настроек. Здесь есть настройка «Закрывать все». По умолчанию у нас стоит настройка, когда всегда все время из панелей открыта. Если мы поставим «Закрывать все», то при просмотре у нас будут все панели закрыты. Т.е. мы сможем сделать так, чтобы все панели были закрытыми. Для того, чтобы посмотреть какую-либо из панелей, нам нужно будет нажать на одну из них.

«Перекрывать элементы ниже»

Если мы ставим данную настройку, то сайт наш не будет раздвигаться, а просто данная панель будет перекрывать элементы, которые находятся под ней. Например, если у нас размещен ниже еще один какой-то элемент. Допустим, это будет это будет та же самая панель со вкладками. То при просмотре, наша раздвижная панель будет перекрывать панель со вкладками. Сейчас у нас данная панель размещена на переднем плане. Если переместить ее на задний план, то вы увидите при просмотре, что раздвижная панель перекрывает панель со вкладками.

«Редактировать вместе»

Это точно так же, как и во всех остальных мини-приложениях, мы можем редактировать дизайн каждой вкладки отдельно либо всех вместе сразу. Если я сделаю, например, заливку у этой вкладки оранжевой, то все вкладки в активном режиме будут точно также оранжевыми. Если мы изменим стандартные значения, например, на синее, то все вкладки раздвижной панели станут тоже синими.

Виджеты Панели. Раздвижная панель. Просмотр виджета.

При просмотре это будет выглядеть вот так. Активная вкладка у нас оранжевая. При наведении курсора мыши она становится серой. И все остальные неактивные вкладки у нас синие. Меняя дизайн одной из вкладок, мы редактируем дизайн всех остальных. Либо делаем это по отдельности, если убираем флажок «Редактировать вместе» в настройках данного мини-приложения.

На этом я заканчиваю данный урок. Подписывайтесь на мой канал, ставьте лайки, пишите комментарии внизу. И до встречи в следующих видеоуроках!

Смотрите также:

Виджеты Слайд-шоу для сайтаВиджеты Меню для сайта Adobe MuseВиджеты Композиции в Adobe Muse

Автор видеоурока
Дмитрий Шаповалов

Оставить комментарий

Подтвердите, что Вы не бот — выберите самый большой кружок: