Сворачивание вкладок в меню ,в профиле пользователя.

+29
2.2K
По мотивам темы на форуме Скрол для табов в профиле.
Если много вкладок, они складываются в меню, появляется справа кнопка с количеством свёрнутых вкладок .
Адаптировано под InstantCms 1.10.4. (Использован и изменён com_users_profile.tpl версии InstantCms 1.10.4, а так должен работать на любой версии)
Иллюстрация

Иллюстрация

Демо

Заменяется шаблон профиля com_users_profile.tpl, стандартные файлы css и js.Чтоб не удалять старые родные файлы вкладок, новые помещаются в папке шаблона templates/_default_/manytabs.

Архив залить в корень сайта с заменой файлов.Предварительно сделайте резервную копию templates/_default_/components/com_users_profile.tpl, в случае если хотите восстановить предыдущий вариант.

Возможно вам нужно будет изменить файлы css под свой дизайн, размер шрифтом и кое что другое.

Скачать архив
***********************************************

Обновление 2014.Июнь 27.

Теперь после раскрытия меню вкладок вниз, после клика в любом месте страницы оно опять сворачивается.
В архиве поправлены more-tabs-jquery.js и more-tabs.css файлы.

Скачать Обновлённый архив

**********************************************
Второе обновление.2014.Июль.02
Теперь после клика по табу в свёрнутом меню, меню исчезает автоматический.
Изменён more-tabs-jquery.js файл.
Скачать Обновлённый архив 2

Изменения com_users_profile.tpl для 1.10.3 или других версий.
В самом верху заменить
  1. {add_js file='includes/jquery/tabs/jquery.ui.min.js'}
  2. {add_css file='includes/jquery/tabs/tabs.css'}
  3.  
  4. {literal}
  5. <script type="text/javascript">
  6. $(function(){$(".uitabs").tabs();});
  7. </script>
  8. {/literal}
на это
  1. {add_js file='templates/_default_/manytabs/jquery-ui-1.10.4.min.js'}
  2. {add_js file='templates/_default_/manytabs/more-tabs-jquery.js'}
  3. {add_css file='templates/_default_/manytabs/jquery-ui-custom.css'}
  4. {add_css file='templates/_default_/manytabs/more-tabs.css'}
Заменить
  1.  
  2. <div id="profiletabs" class="uitabs">
  3. <ul id="tabs">
на
  1. <div id="tabs">
  2. <ul>
После <div id="tabs">, Между
  1.  
  2. <ul>
  3. <li><a href=""><span>название таба</span></a></li>
  4. и так далее
  5. </ul>
  6.  
  7.  
удалите все <span> и </span>
Всё.


Благодарности сюда:
Web money Z439721193730
Web money R691262369281
Yandex 410011836350106
+2
Николай Николай 9 лет назад #
Проверил на 1.10.1 работает отлично плюсы от души!!!
+1
eoleg eoleg 9 лет назад #
Кошельки неправильно записаны, последняя цифра при копировании затирается, smile нужно R6... без пробела.
0
alexbabo alexbabo 9 лет назад #
Спасибо,благодарность получил smile А надо WMR или только R691...?
0
Николай Николай 9 лет назад #
Только R
0
eoleg eoleg 9 лет назад #
а можно под 1.10.3 и расписать какие изменения вносить в com_users_profile.tpl, у меня есть изменения в этом файле.
0
alexbabo alexbabo 9 лет назад #
Расписал
0
eoleg eoleg 9 лет назад #
Чтото у меня с этими css шаблон разъехался sad Не дефолт.
0
alexbabo alexbabo 9 лет назад #
Надо смотреть через firebug ,видимо какие стили совпадают то совпадают со стилем в вашем шаблоне.Я тоже смогу посмотреть,дайте ссылку на сайт,но не обещаю что весь css файл перепишу smile
0
alexbabo alexbabo 9 лет назад #
какие-то
0
alexbabo alexbabo 9 лет назад #
Может не css,а где-то то пропустили и не закрыли <div> или <span> ,или закрыли ни не открыли.Попробуйте закачать шаблон от 1.10.4 если не разъедется значит тогда не css smile
0
Юрий Юрий 9 лет назад #
Файл не найден))))
0
alexbabo alexbabo 9 лет назад #
Странно,перелазил архив попробуйте сейчас.
0
Юрий Юрий 9 лет назад #
Получилось. +
0
alexbabo alexbabo 9 лет назад #
Обновление .
Теперь после раскрытия меню вкладок вниз,после клика в любом месте страницы оно опять сворачивается.
0
alexbabo alexbabo 9 лет назад #
Второе обновление.
Теперь после клика по табу в свёрнутом меню,меню исчезает автоматический.

Еще от автора

Адаптивный шаблон Sunny - InstantCMS 2 .Free
Адаптивный шаблон. Адаптивный слайдер,на мобильных устройставх перелистывается пальцем. С анимацией,позиции подгружаются по мере прокрутки страницы.
Модуль "Контент панель".Инстант 1.10.3-1.10.4
Вначале планировался простенький модуль делающий перелинковку статей по методу кольца в разделе. Но модуль разросся и оброс многими функциями.
Модуль который виден только в профиле.Инстант.1.10.4
По просьбе Доротея Всё неимоверно элементарно. Создаем копию шаблона module.tpl,с другим именем,в нашем случае module_user.tpl.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.