166 читали · 5 лет назад
Полноэкранный слайдер карусель на Bootstrap с использованием HTML, CSS и JS
Полноэкранный слайдер карусель на Bootstrap с использованием HTML, CSS и JS Ранее мы делились некоторыми слайдерами изображений, но это полностью основано на начальной загрузке. По сути, карусель изображений или слайдер - это представление изображений в классном виде...
1 год назад
Обновление WT Bootstrap image slider v.3.0.0. Бесплатный модуль для создания слайдшоу. Все возможности слайдера исходят только из Bootstrap 4 и Bootstrap 5. Для использования других скриптов каруселей (UIkit etc) можно создать свой макет вывода. В качестве содержимого слайда может быть как картинка, так и пользовательский HTML-код, который предварительно обрабатывается контент плагинами. Таким образом Вы можете вставить в слайд и видео из Youtube, и собрать содержимое из других модулей и плагинов. Для слайдов типа изображение поддерживается адаптивная графика (responsive image) - <picture> с указанием media-запроса в CSS-синтаксисе. Что нового? 👩‍💻 Joomla 4 / Joomla 5 ready Модуль переписан по архитектуре Joomla 4 / Joomla 5. Это означает, что он без проблем будет работать и на Joomla 6. 👩‍💻 Выбор типа ссылки Добавлен выбор типа ссылки, если в слайде включена кнопка призыва к действию (CTA - call to action). Можно выбрать: - Категорию JoomShopping - Категорию Virtuemart - Категорию Phoca Cart - Категорию материалов Joomla - Материал Joomla - Пункт меню - Файл - Пользовательскую ссылку 👩‍💻 PHP 8.1 Проверена работа модуля на PHP 8.1. 👩‍💻 Changelog URL Добавлен Changelog url для того, чтобы можно было ознакомиться со списком изменений новой версии перед обновлением прямо в админке Joomla. Модуль на JED Страница расширения GitHub расширения
432 читали · 7 лет назад
Spring Boot: оформляем UI с Bootstrap
Делаем наше приложение симпатичнее в визуальном плане: подключим к проекту библиотеку Bootstrap. Код из видео: https://github.com/drucoder/sweater/tree/AddBootstrap Сайт Bootstrap: https://getbootstrap.com/ Первым делом перейдем на сайт Bootstrap и откроем руководство быстрого старта: https://getbootstrap.com/docs/4.1/getting-started/introduction/ Скопируем из него тэги, подключающие стили и скрипты Bootstrap и вставим их в наш главный шаблон common.ftl. После этого обернём директиву #nested этого...