Tabs

More
4 years 4 months ago - 4 years 4 months ago #6046 by Aoki Daisuke
Tabs was created by Aoki Daisuke
есть идея подогнать плагин JL Comments под плагин tabs:
www.regularlabs.com/extensions/tabs#download

прописать только:
{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: 4 years 4 months ago by Aoki Daisuke.

Please Log in or Create an account to join the conversation.

More
4 years 4 months ago #6048 by JoomLine
Replied by JoomLine on topic Tabs
Не у всех подключены иконочные шрифты... а подключать их ради 4х иконок как то не хорошо.
В комментариях и так используются табы BS2.
Если их и менять, то менять надо на чистый CSS что-то типа вот таких.
demo3.joomline.ru/jlgrouppro

Please Log in or Create an account to join the conversation.

More
4 years 4 months ago - 4 years 4 months ago #6049 by Aoki Daisuke
Replied by Aoki Daisuke on topic Tabs
мне показалось что так лучше выглядеть будет :whistle:
File Attachment:


есть и такой вариант
{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}

File Attachment:


www.regularlabs.com/extensions/sliders#download
Last edit: 4 years 4 months ago by Aoki Daisuke.

Please Log in or Create an account to join the conversation.

More
4 years 4 months ago #6051 by JoomLine
Replied by JoomLine on topic Tabs
Я сожалею, но такой плагин, не может зависеть от какого-то стороннего решения... тут дело даже не в красоте... а в том, что устанавливать одно, чтоб работало другое не очень хорошо.

Please Log in or Create an account to join the conversation.

More
4 years 4 months ago #6052 by Aoki Daisuke
Replied by Aoki Daisuke on topic Tabs
Ваш вариант тоже не решение.
В плагине tabs, много функций и возможностей, которые может и не будут реализованы у вас:
www.regularlabs.com/extensions/tabs#download
Более того то что вы ищите это мобильное приложение оно есть в Pro версии то есть в платной.
Ваш вариант не чем не лучше в нем нет мобильной версии тоже.
Более того, я предлагал сделать кнопки Button dropdowns, или как галерею делают, картинка и отступ, мобильные приложения прекрасно понимают этот способ. Будет все подвижно и умещаться.

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum

Last from the forum

© 2010-2020 JoomLine
The Joomla!® name is used under a limited license from Open Source Matters in the United States and other countries. joomline.net is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Contact:

email: This email address is being protected from spambots. You need JavaScript enabled to view it.