ProFoto - Модальные окна

В системе uCoz вам доступен один вид модальных окон uLightbox который вы можете использовать для вывода абсолютно любого материала (фото, видео, текста и т.д.).

Пример

Как разместить или редактировать:
Для вызова окна используйте данную ссылку.

<a class="ulightbox" title="" href="#id00"><button>Открыть окно</button></a>

Где красным цветом выделена заменяемая часть (это может быть текст, кнопка или картинка), а зеленым - id вызываемого элемента (id задается вами вручную. Это могут быть цифры или латинские буквы).

Ссылку вы можете вставить в визуальном редакторе нажав на клавишу "Источник".
После вставки ссылки скопируйте код снизу и так же разместите на странице.

<div id="id00" style="display:none;"><div style="padding:10px;">

Содержимое выводимого блока

</div></div>

Где красным цветом выделено содержимое блока.
В моем случае это оглавление <h1 align="center">Отправьте нам сообщение</h1> и форма обратной связи: $MFORM_Х$

Отдельно к данному шаблону установлен дополнительный стиль модальных окон который вы так же можете использовать для вывода абсолютно любого материала (фото, видео, текста и т.д.).

Пример

Как разместить или редактировать:
Для вызова окна используйте данную ссылку.

<a class="md-trigger" data-modal="modal-0"><button>Открыть окно</button></a>

<div class="md-modal md-effect-1" id="modal-0">
<div class="md-content">
<h3>Заголовок окна</h3>
<div>Содержимое блока
<br><br>
<button class="md-close">Закрыть</button>
</div>
</div>
</div>

Где красным цветом выделено содержимое блока и заголовок (в отличии от модального окна uLightbox, в данном окне заголовок имеет свой стиль).