Joomla 3.x Как изменить внешний вид кнопки Подробнее...?

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем macyk, 04.12.2014.

  1. Offline

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

    Регистрация:
    04.12.2014
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Мужской
    Кнопка подробнее делает стандартную некрасивую кнопку.
    Код такой
    Код
    <hr id="system-readmore" />


    В моем шаблоне s5 oasis есть правильная кнопка которая идет с таким кодом
    Код
    <p class="readmore"><a href="index.php/features-mainmenu-47/template-specific-features">Read more...</a>

    Хочу чтобы кнопка выполняла тот же функционал, разделяла статью. Но выглядела как кнопка представленная в шаблоне. Помогите пожалуйста.
    VPNvr9k.png
     
  2.  
  3. DKraev
    Offline

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

    Регистрация:
    16.08.2008
    Сообщения:
    1 627
    Симпатии:
    216
    Пол:
    Мужской
    И в чем проблема? CSS в руки и вперед.
     
  4. Offline

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

    Регистрация:
    04.12.2014
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Мужской
    Взять CSS нужной кнопки и перенести? Куда его вставлять?
     
  5. DKraev
    Offline

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

    Регистрация:
    16.08.2008
    Сообщения:
    1 627
    Симпатии:
    216
    Пол:
    Мужской
    В файл css вашего шаблонаю Лежит примерно тут /templates/шаблон/css
     
  6. Offline

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

    Регистрация:
    04.12.2014
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Мужской
    В файле com_contents.css

    Код (css):
    1. p.readmore a.btn {
    2. display: inline-block;
    3. padding: 0px;
    4. margin:0px;
    5. font-size: inherit;
    6. line-height: inherit;
    7. *line-height: inherit;
    8. text-align: left;
    9. vertical-align: auto;
    10. cursor: pointer;
    11. color: inherit;
    12. text-shadow: none;
    13. background:none;
    14. filter: none;
    15. border: none;
    16. -webkit-box-shadow: none;
    17. -moz-box-shadow: none;
    18. box-shadow: none;
    19. text-transform:none;
    20. }
    21.  
    22. p.readmore a.btn span {
    23. display:none;
    24. }


    Взять этот код и перенести туда где стандартная кнопка?
     
    Последнее редактирование модератором: 04.12.2014
  7. draff
    Offline

    draff Russian Joomla! Team Команда форума

    Регистрация:
    17.01.2011
    Сообщения:
    6 044
    Симпатии:
    519
    Пол:
    Мужской
    Зачем лишний код. Пробуй указать два селектора для одного правила
    Код (CODE):
    1. p.readmore a.btn , #system-readmore {
     

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

Загрузка...