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

  • 7 Ответов
  • 658 Просмотров

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

*

Оффлайн stardel

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

*

Оффлайн Ilhom666

Re: Модуль табов с картинками
« Ответ #1 : 27.08.2015, 21:48:54 »
немного стили подправить - и можно будет и с этим плагином Tabs & Sliders & Spoilers в табы картинки вставлять.
Пример

*

Оффлайн stardel

Re: Модуль табов с картинками
« Ответ #2 : 27.08.2015, 22:11:49 »
Ilhom666 спс! попробуем)

*

Оффлайн vipiusss

  • ********
  • 5865
  • [+]325 / [-]10
  • Skype: renor_
    • Просмотр профиля
Re: Модуль табов с картинками
« Ответ #3 : 27.08.2015, 22: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, 22:26:15 от vipiusss »
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

*

Оффлайн Shustry

  • *****
  • 6707
  • [+]736 / [-]3
  • Рисую дизайны
    • Просмотр профиля
    • Примеры работ
Re: Модуль табов с картинками
« Ответ #4 : 28.08.2015, 00:11:48 »
Пример табов без скриптов. А если зафиксировать высоту контента, то можно и с анимацией. Назначить иконки средствами CSS, думаю, плёвое дело.
Бесплатно консультирую по дизайну и вёрстке (только в icq и личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!

*

Оффлайн vipiusss

  • ********
  • 5865
  • [+]325 / [-]10
  • Skype: renor_
    • Просмотр профиля
Re: Модуль табов с картинками
« Ответ #5 : 28.08.2015, 00:26:34 »
есть ещё проще... https://css-tricks.com/functional-css-tabs-revisited/
просто с JS больше "вкусностей"  ::)
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

*

Оффлайн Shustry

  • *****
  • 6707
  • [+]736 / [-]3
  • Рисую дизайны
    • Просмотр профиля
    • Примеры работ
Re: Модуль табов с картинками
« Ответ #6 : 28.08.2015, 00:46:11 »
есть ещё проще... https://css-tricks.com/functional-css-tabs-revisited/
просто с JS больше "вкусностей"  ::)
Чем проще? Там тот же приём используется, что в моих примерах: сестринский селектор + селектор состояния.
Бесплатно консультирую по дизайну и вёрстке (только в icq и личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!

*

Оффлайн vipiusss

  • ********
  • 5865
  • [+]325 / [-]10
  • Skype: renor_
    • Просмотр профиля
Re: Модуль табов с картинками
« Ответ #7 : 28.08.2015, 00:53:27 »
Чем проще? Там тот же приём используется, что в моих примерах: сестринский селектор + селектор состояния.
А попи.......? )))
***
Вот я одного не понял, что ТС и такой вопрос задаёт "детский".
Типа совсем всё надоело и лень?
P.S. A JS рулит.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями