Ученые предполагают, что Землю разогревает ядро изнутри, а тепло мощным потоком вырывается на поверхность. Поэтому жара, частые ливни, ураганы и град станут не аномалией, а привычной климатической картиной.
Авторизация
Новый
Забыл

Для того, чтобы полноценно использовать сайт, вам нужно зарегистрироваться или авторизироваться.

Если у вас возникнут проблемы с регистрацией или авторизацией, вы всегда можете связаться с администрацией .

Календарь обновлений
загрузка...
---
---
Самые рейтинговые новости
28.04.11 02:04
Брюнеточка в белых чулках (14 фото) Body
08.04.11 13:28
Мини лошадка Koda (10 фото) Живые существа
17.03.11 02:57
Девушки в купальниках (43 фото) Body
16.03.11 20:40
Последствия землетрясения в Японии (238 фото) Стихийные бедствия
06.03.11 14:08
Фотоэкскурсия по 412-я авиационной базе (63 фото) Интересные места
17.01.11 17:58
Фотожаба на Анастасию Волочкову (98 фото 6 гифок) Знаменитости
03.01.11 21:32
Пермский лицей милиции (25 фото) Интересные места
03.01.11 21:29
Офисы компании Facebook в различных уголках мира (49 фото) Интересные места
03.01.11 21:21
Для желающих завести себе Хаски (139 фото) Живые существа
03.01.11 20:54
Дороги в горах Японии (3 фото) Природные явления
03.01.11 20:51
Выращивание китайских грибов шиитаке (13 фото) Разное
03.01.11 20:47
Фотографии космоса 2010 года (32 фото) Космос
03.01.11 20:35
Автомобильная ловля на водоемах Ярославля (18 фото) Техника
15.12.10 18:33
Интересные места
10.12.10 15:05
Корова-единорог (6 фото) Живые существа

Модальные окна стандартными средствами Joomla

Опубликовано: 01.11.2017

видео Модальные окна стандартными средствами Joomla

56.Виджет всплывающего окна при попытке закрыть страницу в Adobe Muse | 2015

01 июня 2015. Категория: Скрипты


2. Простая форма обратной связи для joomla (Мастерская joomla)

Рано или поздно у каждого вебмастера случается необходимость в использовании модальных окон на сайте. Назревает вопрос: можно ли реализовать модальные окна стандартными средствами Joomla, без использования сторонних расширений и скриптов? Можно и даже нужно!


Bootstrap - 7 Урок. Всплывающие подсказки и информационные блоки

Что такое модальное окно?

Модальное окно - всплывающее окно, которое при появлении блокирует работу пользователя с родительским окном пока пользователь его не закроет. Если объяснять проще, представим что на сайте есть фото превью (маленькая картинка) при нажатии на которую фон затемняется, картинка разворачивается во весь размер - это и есть всплывающее модальное окно, которое в веб индустрии называют Lightbox.

Обработчик модальных окон Joomla

Чтобы на сайте заработал стандартный Lightbox Joomla, в файле index.php шаблона между тегами <head> нужно прописать код обработчика модальных окон:

<?php JHTML::_('behavior.modal'); ?>

Примеры работы модальных окон средствами Joomla

За работу модальных окон, реализуемых стандартными средствами Joomla, отвечает класс modal.

Фото в Lightbox Видео в Lightbox Вывод страницы в Lightbox

Подготавливаем картинку и её уменьшенную копию (например, исходное фото размером 800X600 пикселей и его уменьшенная копия 200X150 пикселей)

В любом материале или HTML модуле используем следующий код:

/* bigfoto.png - исходное изображение, minifoto.png - уменьшенная копия */ <a class="modal" href="/images/bigfoto.png"><img src="/images/minifoto.png"></a>

Результат: увеличение картинки по клику на его превью.

Помимо картинок, через Lightbox можно вывести еще и видеоконтент, например из видеохостинга youtube.

В любом материале или HTML модуле используем следующий код:

/* {x: 560, y: 315} - ширина и высота видео в пикселях */ <a href="https://www.youtube.com/embed/hnglysjScB4" rel="{handler: 'iframe', size: {x: 560, y: 315}}" class="modal">Посмотреть видео</a>

Результат: при нажатии на ссылку разворачивается видео youtube.

Посмотреть видео

Через Lightbox также можно вывести еще и любую страницу Вашего или же стороннего сайта.

В любом материале или HTML модуле используем следующий код:

/* {x: 800, y: 600} - ширина и высота страницы в пикселях */ <a href="https://www.joomla.org/" class="modal" rel="{handler: 'iframe', size: {x: 800, y: 600}}">Cайт Joomla.org в Lightbox</a>

Результат: при нажатии на ссылку разворачивается страница сайта.

Cайт Joomla.org в Lightbox

Для вывода материала своего сайта, в ссылке необходимо дописать ?tmpl=component.

В результате получается ссылка: http://ilyakhasanov.ru?tmpl=component

Карта
rss