0 Пользователей и 1 Гость просматривают эту тему.
  • 23 Ответов
  • 10157 Просмотров
*

buzz

  • Новичок
  • 4
  • 0 / 0
Плагин Magic Tabs
« : 06.02.2010, 11:18:00 »
Может у кого нибудь есть мануал, не смог разобраться с работой
*

Pups

  • Осваиваюсь на форуме
  • 143
  • 25 / 0
  • Всего знать, не возможно....
Re: Плагин Magic Tabs
« Ответ #1 : 08.02.2010, 23:50:51 »
Публикуем плагин
В месте где хотим использовать табы....

{magictabs дополнительные параметры через запятую}Tabs 01 Имя таба 1::Контент внутри||||Имя таба 2::Контент внутри.......{/magictabs}

========================   
Core Design Magic Tabs plugin for Joomla! 1.0

Description: This mambot (plugin) allow you easily to insert the nice tabs into your content.

Version: 1.0.0 (released on March 1th, 2008)

Author: Daniel Rataj, www.greatjoomla.com
Instructions

Notice: All styles are located in /mambots/cd_magictabs/css/ directory.

Notation:

This plugin using a very easily notation. To apply the tabs to your content use the notation bellow. Please remember, your "tabs" must be separated with "||||" (four "|"). And the names of tabs must be separeted from the text inside the tabs with "::" (two colons). See the example for an explication:

{magictabs}
TAB 01::Lorem ipsum dolor sit amet consectetuer nec eu magna consequat volutpat. Ut porttitor purus hendrerit nibh id sit id ultrices eu netus. Et eros cursus Sed sit adipiscing Vivamus ut magna Nulla nibh.
||||
TAB 02::Lorem ipsum dolor sit amet consectetuer nec eu magna consequat volutpat. Ut porttitor purus hendrerit nibh id sit id ultrices eu netus. Et eros cursus Sed sit adipiscing Vivamus ut magna Nulla nibh.
||||
TAB 03::Lorem ipsum dolor sit amet consectetuer nec eu magna consequat volutpat. Ut porttitor purus hendrerit nibh id sit id ultrices eu netus. Et eros cursus Sed sit adipiscing Vivamus ut magna Nulla nibh.
{/magictabs}

The default settings in plugin configuration can be overwritten by the settings specified by each tabs. Please write the following attributes to the "{magictabs...}" attribute. The allowed settings:

    * style. One of predefined styles.
          o style = lightblue_rounded
          o style = darkblue_rounded
          o style = blue_square
          o style = brown_rounded
          o style = black_rounded
          o style = pink_rounded
          o style = simplegold_rounded
          o style = orange_rounded
          o style = snowed_rounded
          o style = wave_rounded
          o style = darkred_square

    * mode. Mode to tab preview.
          o mode = slide
          o mode = fade
          o mode = both

    * width. Box width. The allowed units are px, % and em.
          o width = 300px
          o width = 10em
          o width = 80%

    * width. Box height. The allowed units are px, % and em.
          o height = 200px
          o height = 5em
          o height = 80%

    * margin. Box margin. The align for your tab box. Cool to align to center - "0 auto". This setting is related to CSS margin attribute. The allowed units are px, % and em.
          o margin = 0 auto -> align to center (it depends on your template too)
          o margin = 10px 20px 30px 40px
          o margin = 5em
          o margin = 80%

    * tabalign. Tab align. The postition for your tabs (to left or to right side).
          o tabalign = left
          o tabalign = right

    * offset. Tab offset offset of first tab from edge. The allowed units are px, % and em.
          o offset = 10px
          o offset = 2em
          o offset = 5%

    * spacebetween. Tab space between tabs. The align for your tabs (to left or to right side) The allowed units are px, % and em.
          o spacebetween = 5px
          o spacebetween = 1em
          o spacebetween = 10%

    * select. Tab select. The number of selected tabs.
          o select = 1 -> the first tab was marked as active, by default.
          o select = 2 -> the second tab was marked as active.
          o select = 3
          o select = ...

    * rotate. Tab rotate. The function to rotate the tabs (in milliseconds). The zero ("0") disable this function.
          o rotate = 0 - > disable this function, by default
          o rotate = 2000
          o rotate = 3500

    * event. Tab event. Define event to switch tabs.
          o event = click
          o event = mouseover

Examples
Default (without attributes):

See example above.
Style:

{magictabs style=lightblue_rounded}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs style=darkblue_rounded}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs style=brown_rounded}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
Mode:

{magictabs mode=fade}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs mode=slide}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs mode=both}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
Width and height:

{magictabs width=350px, height=120px}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs width=300px, height=80%}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs widht=100%}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs height=8em}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
Margin:

{magictabs margin=0 auto}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs margin=10px}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs margin=15%}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
Tab align:

{magictabs tabalign=left}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs tabalign=right}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
Offset:

{magictabs offset=10px}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs offset=2em}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs offset=5%}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
Spacebetween:

{magictabs spacebetween=3px}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs spacebetween=0.5em}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs spacebetween=5%}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
Select:

{magictabs select=1}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs select=2}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
Rotate:

{magictabs rotate=2000}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs rotate=3000}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs rotate=3500}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
Event:

{magictabs event=click}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs event=mouseover}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
Combination:

{magictabs width=300px, height=150px, event=mouseover}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs spacebetween=10px, rotate=3000, margin=0 auto}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs spacebetween=10px, rotate=3000, margin=0 auto}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs mode=both, offset=10px, tabalign=right}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
Changelog

Please visit our websites for more information.
Donate us

If you like this extension please visit author's site and consider to make a donation. Thanks.
« Последнее редактирование: 08.02.2010, 23:54:46 от Pups »
*

borada

  • Осваиваюсь на форуме
  • 182
  • 13 / 0
Re: Плагин Magic Tabs
« Ответ #2 : 27.07.2010, 10:49:38 »
Поставил, нравится. Но одна проблема напрягает:
При выборе какой-либо вкладки, панель табов уходит за верхний край страницы в браузере, или иначе сказать  страница при этом начинается с первой строки контента, и чтоб переключится на другой таб приходится страницу прокручивать вниз.  :(
Дискомфортно однако.
Примеры на родном сайте работают нормально же...

Кто-то может подсказать где копать?
*

borada

  • Осваиваюсь на форуме
  • 182
  • 13 / 0
Re: Плагин Magic Tabs
« Ответ #3 : 22.08.2010, 21:14:44 »
Поставил, нравится. Но одна проблема напрягает:
При выборе какой-либо вкладки, панель табов уходит за верхний край страницы в браузере, или иначе сказать  страница при этом начинается с первой строки контента, и чтоб переключится на другой таб приходится страницу прокручивать вниз.  :(
Дискомфортно однако.
Примеры на родном сайте работают нормально же...

Кто-то может подсказать где копать?
Путем тупого тыкания, определил что проблема только с шаблонами от YOO
Как только переключаю на другие шаблоны - работает нормально. :(
Что же там такое то... пробовал CSS частями просто удалять с шаблона - не помогает.
*

borada

  • Осваиваюсь на форуме
  • 182
  • 13 / 0
Re: Плагин Magic Tabs
« Ответ #4 : 22.08.2010, 21:38:37 »
Догадался со словарем полазать на их форуме и вот что нашел
http://www.greatjoomla.com/index.php?option=com_kunena&Itemid=171&func=view&catid=29&id=4438#4440

РЕШЕНИЕ:
короче заремировал в yoo_tools.js шаблона
      /* Smoothscroll */
      /* new SmoothScroll({ duration: 500, transition: Fx.Transitions.Expo.easeOut });*/

Незнаю на что это скажется, но магиктаб стал работать нормально!
« Последнее редактирование: 22.08.2010, 21:49:44 от borada »
*

terr

  • Живу я здесь
  • 827
  • 14 / 6
  • Ученик html-я
Re: Плагин Magic Tabs
« Ответ #5 : 06.12.2010, 12:28:19 »
предпалогаю что ето асказалось на кнопке прокрутка, каторая внизу шаблона находится и прокручивает его к шапке, но ета мулька ненужна, удалил часть кода и тоже табы заработали нормально
Да какова к....я оно не пашет, будем страдать и пытать дальше
*

terr

  • Живу я здесь
  • 827
  • 14 / 6
  • Ученик html-я
Re: Плагин Magic Tabs
« Ответ #6 : 06.12.2010, 12:55:41 »
а как ширину поля табов настроить а то оно при клике по табам ширину меняет(((
Да какова к....я оно не пашет, будем страдать и пытать дальше
*

wmdohod

  • Захожу иногда
  • 21
  • 0 / 0
Re: Плагин Magic Tabs
« Ответ #7 : 13.12.2010, 23:06:49 »
установил Magic Tabs и Scriptegrator, но при добавлении {magictabs style=darkblue_rounded}Tabs 01:: описание||||Tabs 02:: Характеристики{/magictabs} в описание товара оно просто появляется как текст?! подскажите по какой причине это может быть?

Re: Плагин Magic Tabs
« Ответ #8 : 24.12.2010, 22:29:23 »
Хотел сделать, чтоб в двух разных вкладках выводились 2 разные Яндекс Карты. В итоге первая карта выводится нормальна, а вторая не пашет. Вот ссылка: http://irina-beauty.ru/contacts-location-map

Как можно решить проблему?  Какой ещё есть способ сделать подобные вкладки?
*

borada

  • Осваиваюсь на форуме
  • 182
  • 13 / 0
Re: Плагин Magic Tabs
« Ответ #9 : 28.12.2010, 09:10:22 »
Хотел сделать, чтоб в двух разных вкладках выводились 2 разные Яндекс Карты. В итоге первая карта выводится нормальна, а вторая не пашет. Вот ссылка: http://irina-beauty.ru/contacts-location-map

Как можно решить проблему?  Какой ещё есть способ сделать подобные вкладки?
Ну практически это же одна страница и наверно два скрипта на одной странице конфликтят.  Попробуй сначала без вкладок вывести 2 карты, может скорректировать скрипт карты
*

borada

  • Осваиваюсь на форуме
  • 182
  • 13 / 0
Re: Плагин Magic Tabs
« Ответ #10 : 28.12.2010, 09:11:11 »
установил Magic Tabs и Scriptegrator, но при добавлении {magictabs style=darkblue_rounded}Tabs 01:: описание||||Tabs 02:: Характеристики{/magictabs} в описание товара оно просто появляется как текст?! подскажите по какой причине это может быть?
А Scriptegrator зачем? Добавляй без него.

Re: Плагин Magic Tabs
« Ответ #11 : 27.01.2011, 15:29:51 »
При помощи компонента Attachments к статье, расположенной на вкладке Magictabs прикрепляю файл. Вложение снизу статьи - не появляется. Прикрепляю этот же файлик к статье, никак не связанной с Magictabs - вложение, как ему и положено, появляется внизу статьи. Кто подскажет как лечить? Не хотелось бы сначала грузить фал, потом писать на него ссылку.
*

richman

  • Осваиваюсь на форуме
  • 50
  • 1 / 0
Re: Плагин Magic Tabs
« Ответ #12 : 12.02.2011, 01:44:36 »
Плагин хорош, но во всех версиях IE у вкладок вместо закругленных углов отображаются прямые углы. Скорее всего дело в том, что радиусы углов сделаны в css3, а IE эти свойства будет понимать только в 9 версии. А моему заказчику нужны именно закругленные углы вкладок.

Может быть у кого-нибудь был опыт доработки стилей Magictabs для IE? Для примера демоверсия вкладок на сайте разработчика плагина http://joomla15.greatjoomla.com/index.php?option=com_content&view=article&id=99&Itemid=175

Или может быть кто знает другие плагины с закругленными вкладками?
*

Arthur.

  • Новичок
  • 9
  • 1 / 0
Re: Плагин Magic Tabs
« Ответ #13 : 11.03.2011, 09:29:05 »
А Scriptegrator зачем? Добавляй без него.
у меня тоже самое, без скриптегратора вообще голый текст-код отображается
*

4Gen

  • Осваиваюсь на форуме
  • 174
  • 7 / 0
Re: Плагин Magic Tabs
« Ответ #14 : 03.08.2011, 20:23:19 »
Пытаюсь вставить iframe или код с ютуба через embed и object
В редакторе все хорошо - и при переключении режимов (код/виз ред.) и после сохранения.
Но при выводе содержимого во вкладку режется код (все подозрения только на плагин табов)
iframe - полностью убивается.
Если вставлять видео с ютуба старым способом:
Код
<object width="425" height="349"><param name="movie" value="http://www.youtube.com/v/WxGS-2M6_5I?version=3&amp;hl=ru_RU&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/WxGS-2M6_5I?version=3&amp;hl=ru_RU&amp;rel=0" type="application/x-shockwave-flash" width="425" height="349" allowscriptaccess="always" allowfullscreen="true"></embed></object>
то во  вкладке остается только 3 строки param с ихним содержимым, а embed и object не показывается.
Может кто сталкивался, есть у кого соображения?
*

alen

  • Осваиваюсь на форуме
  • 72
  • 0 / 0
  • http://www.mycybersport.com
Re: Плагин Magic Tabs
« Ответ #15 : 08.03.2012, 13:33:30 »
на некоторых товарах в виртуамарте меню, вне зависимости находящееся в позиции left или right сползает под табы!
 Плюс к этому почему то всегда добавляется 1 лишний пустой таб без названия, и наполовину обрезанный. У кого нить было такое ?
myCyber[color="#C0C0C0"]sport[/color].com - Игровое cybersport сообщество Новости, обзоры игровых манипуляторов,конфиги, программы , статьи, форум, коммьюнити.
*

4Gen

  • Осваиваюсь на форуме
  • 174
  • 7 / 0
Re: Плагин Magic Tabs
« Ответ #16 : 08.03.2012, 17:32:04 »
на некоторых товарах в виртуамарте меню, вне зависимости находящееся в позиции left или right сползает под табы!
CSS все решит)))
Плюс к этому почему то всегда добавляется 1 лишний пустой таб без названия, и наполовину обрезанный. У кого нить было такое ?
Код вывода в студию
*

Olinda

  • Осваиваюсь на форуме
  • 69
  • 1 / 0
Re: Плагин Magic Tabs
« Ответ #17 : 28.05.2012, 00:18:05 »
Как сделать закругленными углы вкладок?
*

4Gen

  • Осваиваюсь на форуме
  • 174
  • 7 / 0
Re: Плагин Magic Tabs
« Ответ #18 : 28.05.2012, 00:27:33 »
Как сделать закругленными углы вкладок?
Так они изначально закрунленные)
Только думаю, что Вы пользуетесь IE или еще каким нибудь старым браузером
*

Olinda

  • Осваиваюсь на форуме
  • 69
  • 1 / 0
Re: Плагин Magic Tabs
« Ответ #19 : 28.05.2012, 00:48:37 »
Оперой последней пользуюсь...
*

Olinda

  • Осваиваюсь на форуме
  • 69
  • 1 / 0
Re: Плагин Magic Tabs
« Ответ #20 : 28.05.2012, 00:50:00 »
Ооо проверила в Firefox и правда закругленные!
Как с Оперой бороться?
*

4Gen

  • Осваиваюсь на форуме
  • 174
  • 7 / 0
Re: Плагин Magic Tabs
« Ответ #21 : 28.05.2012, 00:58:20 »
Ооо проверила в Firefox и правда закругленные!
Как с Оперой бороться?
Использовать фиксы border-radius для оперы, ИЕ и т.д.
Только так.
Погуглите "PIE.." - меня раньше выручал. Но у каждого свои примочки по этому поводу,  и спорить можно бесконечно что лучше и как быть.
*

begun

  • Захожу иногда
  • 19
  • 0 / 0
Re: Плагин Magic Tabs
« Ответ #22 : 16.12.2012, 18:30:36 »
Люди а можно в нем делать табы внутри табов и если нет то каким модулем или компонентом можно?
*

borada

  • Осваиваюсь на форуме
  • 182
  • 13 / 0
Re: Плагин Magic Tabs
« Ответ #23 : 21.12.2012, 18:23:52 »
Давно использую плагин. Но заметил такую вещь - при достижении определенного объема текста, плагин перестает работать и выдает чистую страницу.
Кто-то решал такой вопрос?
На форуме разработчика нашел ответ что плагину всё равно какой длинны текст
http://www.greatjoomla.com/index.php?option=com_kunena&Itemid=171&func=view&catid=185&id=8311
 но тем не менее это проиходит!
« Последнее редактирование: 21.12.2012, 18:54:38 от borada »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Плагин превьюшек mAvik Thumbnails 2 - версия для Joomla 3

Автор mavik

Ответов: 528
Просмотров: 50753
Последний ответ 11.10.2017, 23:37:48
от Театрал
Плагин - "Калькулятор НСД" для Joomla 3

Автор help-tend

Ответов: 0
Просмотров: 75
Последний ответ 25.09.2017, 13:43:02
от help-tend
Плагин автоматической защиты от спама

Автор Aleksandr.Razor

Ответов: 35
Просмотров: 6848
Последний ответ 30.08.2017, 12:14:19
от Aleksandr.Razor
Плагин JsCssManipulate

Автор Konstanin_by

Ответов: 7
Просмотров: 862
Последний ответ 20.08.2017, 12:03:24
от stas4ijov
плагин SP Thumbnail не работает

Автор urist2009

Ответов: 0
Просмотров: 176
Последний ответ 12.08.2017, 16:17:20
от urist2009