Tabs

Больше
8 года 1 мес. назад - 8 года 1 мес. назад #6046 от Aoki Daisuke
Aoki Daisuke создал тему: Tabs
есть идея подогнать плагин 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
Последнее редактирование: 8 года 1 мес. назад пользователем Aoki Daisuke.

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

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

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

Больше
8 года 1 мес. назад - 8 года 1 мес. назад #6049 от Aoki Daisuke
Aoki Daisuke ответил в теме Tabs
мне показалось что так лучше выглядеть будет :whistle:
Вложенный файл:


есть и такой вариант
{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
Последнее редактирование: 8 года 1 мес. назад пользователем Aoki Daisuke.

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

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

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

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

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

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

Последнее с форума

© 2010- 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.

Контакты:

тел.: +7 950 676-22-39
email: Адрес электронной почты защищен от спам-ботов. Для просмотра адреса в вашем браузере должен быть включен Javascript.