1. Вниманию авторов!

    Темы из разделов платных услуг удаляются, если:
    • тема создана более 2-х месяцев назад И
    • внутри темы не ведётся активных обсуждений задачи И
    • автор не уведомил администрацию об актуальности задачи.
    Так же тема будет удалена, если:
    • есть подозрение на мошеннические действия со стороны автора;
    • в задаче предлагается оказать содействие в разработке ресурсов, направленность которых противоречит законодательству РФ и моральным устоям здорового общества.
    Скрыть объявление

JoomlaWorks "Tabs & Sliders" Plugin (v2.7)

Тема в разделе "АРХИВ", создана пользователем lev, 17.12.2013.

  1. lev
    Offline

    lev специалист

    Регистрация:
    21.12.2007
    Сообщения:
    676
    Симпатии:
    40
    Пол:
    Мужской
    Google Chrome, IE - отображает правильно, в Mozilla Firefox нет.

    d466fb248aec0132505c069a540fb06f.jpg

    демо

    В принципе аналогичная проблема уже была с предыдущим плагином
    Проблемы с CSS плагина Tabs & Slides (for articles) v 2.4

    Код (CODE):
    1. /**
    2.  * @version     2.7
    3.  * @package     Tabs & Sliders (plugin)
    4.  * @author  JoomlaWorks - http://www.joomlaworks.net
    5.  * @copyright   Copyright (c) 2006 - 2012 JoomlaWorks Ltd. All rights reserved.
    6.  * @license     GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
    7.  */
    8.  
    9. /* Please note: if you wish to target IE6 to IE8 specifically, prepend any selector with "body.jwts_IsIEX" replacing X with either 6, 7 or 8 */
    10.  
    11. /* Generic
    12. ------------------------------------------ */
    13. a:active,
    14. a:focus {outline:0;}
    15. .jwts_clr {display:block;clear:both;height:0;line-height:0;margin:0;padding:0;border:0;}
    16.  
    17.  
    18.  
    19. /* Tabs
    20. ------------------------------------------ */
    21. .jwts_tabber {display:none;}
    22. .jwts_tabberlive {margin:4px 0;padding:0;}
    23.  
    24. /* The tab navigation */
    25. ul.jwts_tabbernav {margin:0 0 0 8px!important;padding:0!important;list-style:none!important;list-style-image:none!important;background:none!important;line-height:normal!important;height:auto!important;text-align:left!important;}
    26. ul.jwts_tabbernav li {margin:0!important;padding:0!important;line-height:normal!important;list-style:none!important;list-style-image:none!important;background:none!important;display:inline!important;}
    27. ul.jwts_tabbernav li a {font-size:14px;margin:0 2px 0 0;padding:4px 10px 2px;color:#222;border-radius:2px 2px 0 0;border:1px solid #bbb;border-bottom:none;background:#eee url(../images/tab_bg.jpg) repeat-x 50%;}
    28. ul.jwts_tabbernav li a:hover {color:#c64934;border:1px solid #aaa;border-bottom:none;background:#f2f2f2;text-decoration:none;}
    29. ul.jwts_tabbernav li a:active,
    30. ul.jwts_tabbernav li a:focus {outline:0;}
    31. ul.jwts_tabbernav li.jwts_tabberactive a {background:#fff;border-bottom:1px solid #fff;}
    32. ul.jwts_tabbernav li.jwts_tabberactive a:hover {background:#fff;border-bottom:1px solid #fff;text-decoration:none;}
    33. ul.jwts_tabbernav li.jwts_tabberactive,
    34. ul.jwts_tabbernav li.jwts_tabberinactive {background:none;padding:0;margin:0;}
    35.  
    36. /* The tab content */
    37. .jwts_tabberlive .jwts_tabbertab {text-align:left;margin:2px 0 0!important;padding:8px;border:1px solid #bbb;border-radius:2px;background:#fff;}
    38. .jwts_tabberlive .jwts_tabbertab h2.jwts_heading,
    39. .jwts_tabberlive .jwts_tabbertabhide {display:none;}
    40.  
    41. /* IE7 specific */
    42. body.jwts_IsIE7 ul.jwts_tabbernav {position:relative;z-index:9;}
    43. body.jwts_IsIE7 .jwts_tabberlive .jwts_tabbertab {position:relative;z-index:8;margin:2px 0 0!important;}
    44.  
    45.  
    46.  
    47. /* Sliders (accordion)
    48. ------------------------------------------ */
    49. div.jwts_toggleControlContainer {}
    50.     div.jwts_toggleControlContainer a.jwts_toggleControl {font-size:14px;font-weight:normal;text-decoration:none;display:block;border:1px solid #ccc;border-radius:2px;background:url(../images/tab_bg.jpg) repeat-x;background-position-y:40%;padding:4px;margin-bottom:1px;line-height:normal;}
    51.         div.jwts_toggleControlContainer a.jwts_toggleOn {color:#c64934;margin-bottom:0;border-radius:2px 2px 0 0;}
    52.         div.jwts_toggleControlContainer a.jwts_toggleControl span.jwts_togglePlus,
    53.         div.jwts_toggleControlContainer a.jwts_toggleControl span.jwts_toggleMinus {display:none;}
    54.         div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlTitle {line-height:normal;background:url(../images/arrows.png) no-repeat 0 -146px;padding-left:20px;}
    55.         div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle {line-height:normal;background:url(../images/arrows.png) no-repeat 0 -1px;padding-left:20px;}
    56.         div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlNotice {color:#999;font-size:10px;display:block;float:right;line-height:14px;vertical-align:bottom;}
    57.         div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlNotice {display:none;}
    58. div.jwts_toggleContent {}
    59.     div.jwts_content {padding:4px 8px;margin-bottom:1px;border:1px solid #ccc;border-radius:0 0 2px 2px;border-top:0;}
    60.  
    61. /* IE7 specific */
    62. body.jwts_IsIE7 div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlNotice {display:none;}
     
    Последнее редактирование модератором: 31.03.2014
  2.  
  3. lev
    Offline

    lev специалист

    Регистрация:
    21.12.2007
    Сообщения:
    676
    Симпатии:
    40
    Пол:
    Мужской
    этот код заменить:
    Код (CODE):
    1. ul.jwts_tabbernav li a {
    2. font-size:14px;
    3. margin:0 2px 0 0;
    4. padding:4px 10px 2px;
    5. color:#222;
    6. border-radius:2px 2px 0 0;
    7. border:1px solid #bbb;border-bottom:none;
    8. background:#eee url(../images/tab_bg.jpg) repeat-x 50%;
    9. }

    на этот
    Код (CODE):
    1. ul.jwts_tabbernav li a {
    2. font-size:14px;
    3. margin:0 2px 0 0;
    4. padding: 4px;
    5. color:#222;
    6. border-radius:2px 2px 0 0;
    7. border:1px solid #bbb;border-bottom:none;
    8. background:#eee url(../images/tab_bg.jpg) repeat-x 50%;
    9. }


    Код (CODE):
    1. line-height:16px;

    - этот вариант вроде лучше всего )))
     
    Последнее редактирование: 18.12.2013

Поделиться этой страницей

Загрузка...