Joomla 1.5 Как прописать в CSS для стиля чтобы он использовал другой стиль ?

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем Mihey79, 21.10.2010.

  1. Mihey79
    Offline

    Mihey79 Недавно здесь

    Регистрация:
    02.03.2010
    Сообщения:
    20
    Симпатии:
    0
    Пол:
    Мужской
    Проблема в следующем:
    1.
    На сайте пропали кнопки "Читать далее.." ("Подробнее")
    2. В поисках проблемы изрыл все настройки, все нормально
    3. В ходе эксперементов установил, что стиль используемый для кнопки Шаблоном затирается, то есть после установки компонента JComments уже используется его стиль.

    - В шаблоне сайта используется стиль из template.css .art-button-wrapper
    пример - что было раньше, перед загрузкой компонета:
    Код (PHP):
    1. <a class="readon art-button" href="/index.php?option=com_content&amp;view=article&amp;id=4:2222&amp;catid=1:11111111&amp;Itemid=2">
    2.   Подробнее...  </a>


    - В шаблоне компонента используется потом из style.css .readmore-link
    пример того, что стало после загрузки компонента:
    Код (PHP):
    1. <a class="readmore-link" href="/index.php?option=com_content&amp;view=article&amp;id=4:2222&amp;catid=1:11111111&amp;Itemid=2" title="222222">Подробнее...</a>


    Найти как поменять, чтобы сайт опять использовал для кнопки стиль из template.css .art-button-wrapper не смог.

    Отсюда возник вопрос, а можно ли прописать для стиля style.css[/B] .readmore-link ссылку на стиль template.css .art-button-wrapper, чтобы он использовал тот который в шаблоне самого сайта а не компонента ? (В CSS шибко не силен, поэтому и спрашиваю про такую возможность синтаксиса).
     
  2.  
  3. DKraev
    Offline

    DKraev <i>(aka gft)</i>

    Регистрация:
    16.08.2008
    Сообщения:
    1 627
    Симпатии:
    216
    Пол:
    Мужской
    А почему бы просто для readmore-link не прописать старые стили - readon art-button?
     
  4. Mihey79
    Offline

    Mihey79 Недавно здесь

    Регистрация:
    02.03.2010
    Сообщения:
    20
    Симпатии:
    0
    Пол:
    Мужской
    У меня была такая идея, но вот как правильно, ведь у тега .art-button-wrapper
    достаточно объемный:
    Код (PHP):
    1. /* begin Button */
    2. .art-button-wrapper .art-button
    3. {
    4.     display:inline-block;
    5.     width: auto;
    6.     outline:none;
    7.     border:none;
    8.     background:none;
    9.     line-height:31px;
    10.     margin:0 !important;
    11.     padding:0 !important;
    12.     overflow: visible;
    13.     cursor: default;
    14.     text-decoration: none !important;
    15.     z-index:0;
    16. }
    17.  
    18. .art-button-wrapper
    19. {
    20.     display:inline-block;
    21.     position:relative;
    22.     height: 31px;
    23.     overflow:hidden;
    24.     white-space: nowrap;
    25.     width: auto;
    26.     z-index:0;
    27. }
    28.  
    29. .firefox2 .art-button-wrapper
    30. {
    31.     display:block;
    32.     float:left;
    33. }
    34.  
    35. .art-button-wrapper .art-button
    36. {
    37.     display:block;
    38.     height: 31px;
    39. font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    40. font-size: 13px;
    41.     white-space: nowrap;
    42.     text-align: left;
    43.     padding: 0 13px !important;
    44.     line-height: 31px;
    45.     text-decoration: none !important;
    46.     color: #000000 !important;
    47. }
    48.  
    49. input, select
    50. {
    51. font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    52. font-size: 13px;
    53. }
    54.  
    55. .art-button-wrapper.hover .art-button, .art-button:hover
    56. {
    57.     color: #EEEBFE !important;
    58.     text-decoration: none !important;
    59. }
    60.  
    61. .art-button-wrapper.active .art-button
    62. {
    63.     color: #EAE9FC !important;
    64. }
    65.  
    66. .art-button-wrapper .l, .art-button-wrapper .r
    67. {
    68.     display:block;
    69.     position:absolute;
    70.     z-index:-1;
    71.     height: 93px;
    72.     background-image: url('../images/Button.png');
    73. }
    74.  
    75. .art-button-wrapper .l
    76. {
    77.     left:0;
    78.     right:7px;
    79. }
    80.  
    81. .art-button-wrapper .r
    82. {
    83.     width:403px;
    84.     right:0;
    85.     clip: rect(auto, auto, auto, 396px);
    86. }
    87.  
    88. .art-button-wrapper.hover .l, .art-button-wrapper.hover .r
    89. {
    90.     top: -31px;
    91. }
    92.  
    93. .art-button-wrapper.active .l, .art-button-wrapper.active .r
    94. {
    95.     top: -62px;
    96. }
    97.  
    98.  
    99. /* end Button */


    а для .readmore-link

    Код (PHP):
    1. .readmore-link{padding: 0 5px 5px 14px;background-image: url(images/jc_blog.gif);background-repeat: no-repeat}
    2. .readmore-link {background-position: 0 2px}


    Заменить полностью??? =O
     
  5. DKraev
    Offline

    DKraev <i>(aka gft)</i>

    Регистрация:
    16.08.2008
    Сообщения:
    1 627
    Симпатии:
    216
    Пол:
    Мужской

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

Загрузка...