Tabs

Offline
New Member

10 years 2 weeks ago - 10 years 2 weeks ago #6046 by

Tabs was created by

есть идея подогнать плагин JL Comments под плагин tabs:
www.regularlabs.com/extensions/tabs#download

прописать только:

Code:

{tab <i class="fa fa-commenting" aria-hidden="true">&nbsp;</i> Комментарии (0)|blue}

{jcomments}

{tab <i class="fa fa-vk" aria-hidden="true">&nbsp;</i> Вконтакте (0)|blue}

<!-- Put this div tag to the place, where the Comments block will be -->
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "0", attach: "*"});
</script>

{tab <i class="fa fa-facebook-official" aria-hidden="true">&nbsp;</i> Facebook (0)|blue}

The text for the second tab...

{tab <i class="fa fa-google-plus" aria-hidden="true">&nbsp;</i> Google+ (0)|blue}

The text for the second tab...

{/tabs}

в принципе tabs там проверенный и отлично работает:
demo.regularlabs.com/index.php/3-tabs
- есть отличная демо.

иконки прописать Awesome:
fontawesome.io/icon/facebook-official/
fontawesome.io/icon/vk/
fontawesome.io/icon/google-plus/
fontawesome.io/icon/commenting/

Плагин для Joomla тоже есть:
extensions.joomla.org/extension/style-a-...aphy/ns-font-awesome

Last edit: 10 years 2 weeks ago by .

Please Log in to join the conversation.

Offline
Admin

10 years 2 weeks ago #6048 by

Replied by on topic Tabs

Не у всех подключены иконочные шрифты... а подключать их ради 4х иконок как то не хорошо.
В комментариях и так используются табы BS2.
Если их и менять, то менять надо на чистый CSS что-то типа вот таких.
demo3.joomline.ru/jlgrouppro

Please Log in to join the conversation.

Offline
New Member

10 years 2 weeks ago - 10 years 2 weeks ago #6049 by

Replied by on topic Tabs

мне показалось что так лучше выглядеть будет :whistle:

есть и такой вариант

Code:

{slider <i class="fa fa-commenting" aria-hidden="true">&nbsp;</i> Комментарии (0)|blue}

{jcomments}

{slider <i class="fa fa-vk" aria-hidden="true">&nbsp;</i> Вконтакте (0)|blue}

<!-- Put this div tag to the place, where the Comments block will be -->
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "0", attach: "*"});
</script>

{slider <i class="fa fa-facebook-official" aria-hidden="true">&nbsp;</i> Facebook (0)|blue}

The text for the second tab...

{slider <i class="fa fa-google-plus" aria-hidden="true">&nbsp;</i> Google+ (0)|blue}

The text for the second tab...

{/sliders}

www.regularlabs.com/extensions/sliders#download

Last edit: 10 years 2 weeks ago by .

Please Log in to join the conversation.

Offline
Admin

10 years 2 weeks ago #6051 by

Replied by on topic Tabs

Я сожалею, но такой плагин, не может зависеть от какого-то стороннего решения... тут дело даже не в красоте... а в том, что устанавливать одно, чтоб работало другое не очень хорошо.

Please Log in to join the conversation.

Offline
New Member

10 years 2 weeks ago #6052 by

Replied by on topic Tabs

Ваш вариант тоже не решение.
В плагине tabs, много функций и возможностей, которые может и не будут реализованы у вас:
www.regularlabs.com/extensions/tabs#download
Более того то что вы ищите это мобильное приложение оно есть в Pro версии то есть в платной.
Ваш вариант не чем не лучше в нем нет мобильной версии тоже.
Более того, я предлагал сделать кнопки Button dropdowns, или как галерею делают, картинка и отступ, мобильные приложения прекрасно понимают этот способ. Будет все подвижно и умещаться.

Please Log in to join the conversation.

Time to create page: 0.226 seconds