Форум русской поддержки Joomla!® CMS
11.12.2016, 00:31:54 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Модуль табов с картинками

 (Прочитано 347 раз)
0 Пользователей и 1 Гость смотрят эту тему.
stardel
Практически профи
*******

Репутация: +21/-0
Offline Offline

Сообщений: 1890


« : 27.08.2015, 20:08:15 »

Ищу вот такой модуль http://c2n.me/3mHCvbn чтобы были картинки, по клике по ним открывался таб с текстом. спс)
Записан
Ilhom666
Живу я здесь
******

Репутация: +157/-0
Offline Offline

Сообщений: 1343



« Ответ #1 : 27.08.2015, 20:48:54 »

немного стили подправить - и можно будет и с этим плагином Tabs & Sliders & Spoilers в табы картинки вставлять.
Пример
Записан
stardel
Практически профи
*******

Репутация: +21/-0
Offline Offline

Сообщений: 1890


« Ответ #2 : 27.08.2015, 21:11:49 »

Ilhom666 спс! попробуем)
Записан
vipiusss
Профи
********

Репутация: +261/-8
Offline Offline

Пол: Мужской
Сообщений: 4573


Skype: renor_


« Ответ #3 : 27.08.2015, 21:17:29 »

Демо: http://www.rudebox.org.ua/demo/tab-styles-inspiration/
Адаптивные к мобилам.В html-модуль код, в CSS шаблона CSS ставите и радуемся.
Исходники: http://www.rudebox.org.ua/wp-content/uploads/2015/05/tab-styles-inspiration.zip

Картинки думаю поймёте, как крепить.

P.S. Cовет: разносите по папкам-( JS, СSS ), дабы обновления движка (и прочих расширений) не затрагивало изменение (хотя думаю вам это лишнее объяснять). И не загромождает плагинами ( модулями ) сайт и запросами.
« Последнее редактирование: 27.08.2015, 21:26:15 от vipiusss » Записан
Shustry
Группа развития
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #4 : 27.08.2015, 23:11:48 »

Пример табов без скриптов. А если зафиксировать высоту контента, то можно и с анимацией. Назначить иконки средствами CSS, думаю, плёвое дело.
Записан
vipiusss
Профи
********

Репутация: +261/-8
Offline Offline

Пол: Мужской
Сообщений: 4573


Skype: renor_


« Ответ #5 : 27.08.2015, 23:26:34 »

есть ещё проще... https://css-tricks.com/functional-css-tabs-revisited/
просто с JS больше "вкусностей"  Roll Eyes
Записан
Shustry
Группа развития
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #6 : 27.08.2015, 23:46:11 »

есть ещё проще... https://css-tricks.com/functional-css-tabs-revisited/
просто с JS больше "вкусностей"  Roll Eyes
Чем проще? Там тот же приём используется, что в моих примерах: сестринский селектор + селектор состояния.
Записан
vipiusss
Профи
********

Репутация: +261/-8
Offline Offline

Пол: Мужской
Сообщений: 4573


Skype: renor_


« Ответ #7 : 27.08.2015, 23:53:27 »

Чем проще? Там тот же приём используется, что в моих примерах: сестринский селектор + селектор состояния.
А попи.......? )))
***
Вот я одного не понял, что ТС и такой вопрос задаёт "детский".
Типа совсем всё надоело и лень?
P.S. A JS рулит.
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet