Tabs

Не в сети
New Member

Больше

10 года 1 мес. назад - 10 года 1 мес. назад #6046 от

создал тему: Tabs

есть идея подогнать плагин 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

Последнее редактирование: 10 года 1 мес. назад пользователем .

Пожалуйста Войти , чтобы присоединиться к беседе.

Не в сети
Администратор

Больше

10 года 1 мес. назад #6048 от

ответил в теме Tabs

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

Пожалуйста Войти , чтобы присоединиться к беседе.

Не в сети
New Member

Больше

10 года 1 мес. назад - 10 года 1 мес. назад #6049 от

ответил в теме 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

Последнее редактирование: 10 года 1 мес. назад пользователем .

Пожалуйста Войти , чтобы присоединиться к беседе.

Не в сети
Администратор

Больше

10 года 1 мес. назад #6051 от

ответил в теме Tabs

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

Пожалуйста Войти , чтобы присоединиться к беседе.

Не в сети
New Member

Больше

10 года 1 мес. назад #6052 от

ответил в теме Tabs

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

Пожалуйста Войти , чтобы присоединиться к беседе.

Время создания страницы: 0.204 секунд

Работает на Kunena форум