Скрол для табов в профиле.

#1 11 июня 2014 в 01:23

Нужно сделать прокрутку табов в профиле как на рисунке.
Кто возьмется сообщите цену в личку.
#2 21 июня 2014 в 19:50
Похолодало, многие вернулись с природы и засели за компы! smile
Думаю табы в несколько строк у многих но почему то тем на форуме про это не поднималось.
Надеюсь всетаки что ктото возмется исправить это неудобство.
#3 22 июня 2014 в 09:02
Поддержиаю такую дорабртку, даже готов немного денежек вложить.
#4 22 июня 2014 в 13:58
Просто оставлю ссылки по теме:
jsfiddle.net/pDRE9/
forum.ucoz.ru/forum/38-48357-1
#5 22 июня 2014 в 14:41
Тоже интересует, готов скинуться.
#6 22 июня 2014 в 15:35
Да прокручивание табов очень удобно когда вкладок много. Денис Васильевич, вроде бы все понятно но как интегрировать это в профиль?
#7 22 июня 2014 в 15:59
Это конечно не самый лучший способ, но тоже имеет место быть.
#8 22 июня 2014 в 16:15


Это конечно не самый лучший способ, но тоже имеет место быть.

rdimrs

вот, "родной" плагин
jquery.aamirafridi.com/jst/#examples
#9 22 июня 2014 в 16:17


Да прокручивание табов очень удобно когда вкладок много. Денис Васильевич, вроде бы все понятно но как интегрировать это в профиль?

ValeraK

Для меню тоже было бы удобно.
#10 22 июня 2014 в 20:23
В примерах показано, как просто к списку добавить скролл. Но в профиле пользователя внутри списков используются ссылки. И если применить данные скрипты — то работать они будут только на вкладке Профиль и Награды, поскольку внутри дивов есть что отобразить. На остальных вкладках используется же

  1. {if $cfg.sw_clubs}
  2. <div id="upr_clubs">
  3.  
  4. </div>
  5. {/if}
Т.е., если ИД сменить на класс, то будет пустое поле, поскольку внутри дива ничего нет. Потому, либо надо как-то допиливать под ссылки, либо где-то что-то ковырять в ядре на счет вкладок, дабы прописать как к примеру на наградах подобное:

  1.  
  2. {if $cfg.sw_awards}
  3. <div id="upr_awards">
  4. <div class="awards_list_link">
  5. <a href="/users/awardslist.html">{$LANG.HOW_GET_AWARD}</a>
  6. </div>
  7. {if $usr.awards}
  8. {foreach key=tid item=aw from=$usr.awards}
  9. <div class="usr_award_block">
  10. <table style="width:100%; margin-bottom:2px;" cellspacing="2">
  11. <tr>
  12. <td class="usr_com_title"><strong>{$aw.title}</strong>
  13. {if $is_admin}
  14. [<a href="/users/delaward{$aw.id}.html">{$LANG.DELETE}</a>]
  15. {/if}
  16. </td>
  17. </tr>
  18. <tr>
  19. <td class="usr_com_body">
  20. <table border="0" cellpadding="5" cellspacing="0">
  21. <tr>
  22. <td valign="top"><img src="/images/users/awards/{$aw.imageurl}" border="0" alt="{$aw.title|escape:'html'}"/></td>
  23. <td valign="top">{$aw.description}
  24. <div class="usr_award_date">{$aw.pubdate}</div></td>
  25. </tr>
  26. </table>
  27. </td>
  28. </tr>
  29. </table>
  30. </div>
  31. {/foreach}
  32. {/if}
  33. </div>
  34. {/if}
  35.  
чтобы внутри дива было что еще для отображения.
#11 23 июня 2014 в 12:03


Нужно сделать прокрутку табов в профиле как на рисунке.

eoleg
Вот адаптировал под Инстант вот такой вариант. Так подойдёт?
http://oloiolo.com/users/admin
#12 23 июня 2014 в 15:34



Нужно сделать прокрутку табов в профиле как на рисунке.

eoleg
Вот адаптировал под Инстант вот такой вариант. Так подойдёт?
http://oloiolo.com/users/admin

alexbabo
Так даже лучше!
#13 23 июня 2014 в 19:04

Так подойдёт?

alexbabo
Вполне, можно вместо стрелки с цифрой написать "Еще" чтобы понятней было.
По чём? smile
#14 23 июня 2014 в 19:25


По чём? smile

eoleg

Бесплатно, на днях выложу в блоге.
Захотите отблагодарить напишу номер кошелька smile
#15 23 июня 2014 в 22:58
alexbabo, как вы объединили вывод фото в ленте активности? Очень понравилось. Есть решение для 1.10.3?
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.