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

По мотивам темы на форуме Скрол для табов в профиле.
Если много вкладок, они складываются в меню, появляется справа кнопка с количеством свёрнутых вкладок .
Адаптировано под 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 или других версий.
В самом верху заменить

{add_js file='includes/jquery/tabs/jquery.ui.min.js'}
{add_css file='includes/jquery/tabs/tabs.css'}
 
{literal}
	<script type="text/javascript">
        $(function(){$(".uitabs").tabs();});
	</script>
{/literal}

на это

{add_js file='templates/_default_/manytabs/jquery-ui-1.10.4.min.js'}
{add_js file='templates/_default_/manytabs/more-tabs-jquery.js'}
{add_css file='templates/_default_/manytabs/jquery-ui-custom.css'}
{add_css file='templates/_default_/manytabs/more-tabs.css'}

Заменить

 
<div id="profiletabs" class="uitabs">
		<ul id="tabs">

на

<div id="tabs">
	                  <ul>

После <div id="tabs">, Между

 
<ul>
  <li><a href=""><span>название таба</span></a></li>
 и так далее
</ul>

удалите все <span> и </span>
Всё.

Благодарности сюда:
Web money Z439721193730
Web money R691262369281
Yandex 410011836350106

Модуль "Новые персональные фотографии пользователя"

Два модуля "VIP пользователь" и "Группы пользователей"

15 комментариев

Реклама #

Николай 10 лет назад #

Проверил на 1.10.1 работает отлично плюсы от души!!!

eoleg 10 лет назад #