0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 295 Просмотров
*

leo78

  • Завсегдатай
  • 1020
  • 62 / 8
  • I left from paradise!?...
Bootstrap 3: Carousel, Collapse, tabs, video
« : 30.10.2020, 14:57:57 »
Практически весь материал основан на: Bootstrap
Редактирование: Редактор - CodeMirror
Carousel - Карусель  ;D
Аналог компонент DJ-ImageSlider
код Carousel
[свернуть]

Без этого карусель плохо работает
код Script
[свернуть]
Тab
Плагин Tabs & Sliders
код Tabs
[свернуть]

Спойлер, ну я особо не задумывался в его реализации, брал за основу кнопки   *ОХ-Х-Х*
код Спойлер
[свернуть]

С видео как-то в Bootstrap проблемы, но и это решается.
Плагин JoomlaWorks AllVideos Player
код Video
[свернуть]

Что ещё в заключении можно вывести и CSS запихнул его в файл jquery-add-css-to-head

Демо
« Последнее редактирование: 07.11.2020, 11:07:05 от leo78 »
*

leo78

  • Завсегдатай
  • 1020
  • 62 / 8
  • I left from paradise!?...
Re: Bootstrap 3: Carousel, Collapse, tabs, video
« Ответ #1 : 30.10.2020, 15:46:33 »
Есть и такой вариант спойлера который создан на основе Collapse
код Спойлер
[свернуть]

код Collapse
[свернуть]
« Последнее редактирование: 30.10.2020, 15:59:51 от leo78 »
*

leo78

  • Завсегдатай
  • 1020
  • 62 / 8
  • I left from paradise!?...
Re: Bootstrap 3: Carousel, Collapse, tabs, video
« Ответ #2 : 31.10.2020, 11:20:27 »
Кому интересно jquery-add-css-to-head
код jquery-add-css-to-head
[свернуть]

script
[свернуть]
« Последнее редактирование: 07.11.2020, 18:47:00 от leo78 »
*

leo78

  • Завсегдатай
  • 1020
  • 62 / 8
  • I left from paradise!?...
Re: Bootstrap 3: Carousel, Collapse, tabs, video
« Ответ #3 : 31.10.2020, 11:26:09 »
Есть еще способ для Videos проверенный  *suicide*
код
[свернуть]

Также вам может помочь по вставке кода в контент:
Компонент Content Templater
Компонент Snippets
Компонент RoKCandy
« Последнее редактирование: 07.11.2020, 11:34:17 от leo78 »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Адаптация стандартного модуля меню от Joomla 3 под bootstrap 4

Автор si@m

Ответов: 5
Просмотров: 283
Последний ответ 26.03.2021, 15:59:18
от si@m
Слайдер SJ Carousel

Автор bubanay

Ответов: 2
Просмотров: 1874
Последний ответ 28.09.2020, 16:38:56
от vankokoko01
Как перевести надписи в Vina Product Carousel for JShopping?

Автор Proka

Ответов: 8
Просмотров: 366
Последний ответ 22.09.2020, 10:39:22
от khan-alex
Установка owl carousel 2 на Joomla 3

Автор kfdz

Ответов: 0
Просмотров: 560
Последний ответ 18.02.2020, 10:56:48
от kfdz
Модуль vina carousel VirtueMart?

Автор warlocksp

Ответов: 1
Просмотров: 670
Последний ответ 24.04.2019, 09:36:32
от sivers