Верхнее навигационное меню

Тема в разделе "OpenCart", создана пользователем airness, 17 дек 2013.

  1. airness

    airness

    Регистрация:
    14 ноя 2013
    Сообщения:
    42
    Симпатии:
    2
    Подскажите, у меня в верхнем навигационном меню имеются ссылки на категории и несколько ссылок на статические страницы. Как то можно изменить фон у некоторых ?
     
  2. Globe-Star

    Globe-Star ...

    Регистрация:
    7 май 2013
    Сообщения:
    421
    Симпатии:
    122
    в каком плане сменить фон у некоторых?
    в стилях css можно это всё реализовать.
     
  3. airness

    airness

    Регистрация:
    14 ноя 2013
    Сообщения:
    42
    Симпатии:
    2
    Скажем в меню следующие пункты
    Каталог | Оплата | Доставка | Новости |
    стиль этого меню прописывается в css и он единый для всего меню
    Мне надо чтобы Новости были на другом фоне. это можно как то сделать ?
     
  4. SmileOk

    SmileOk

    Регистрация:
    29 янв 2013
    Сообщения:
    84
    Симпатии:
    27
    Для ссылки на статическую страницу можно прописать другой класс и в файле css. прописать для него стиль, в Вашем случае цвет фона.А вообще скиньте адрес сайта или хотя бы код навигационного меню.
     
  5. airness

    airness

    Регистрация:
    14 ноя 2013
    Сообщения:
    42
    Симпатии:
    2
    Вот код
     
  6. SmileOk

    SmileOk

    Регистрация:
    29 янв 2013
    Сообщения:
    84
    Симпатии:
    27
    Код меню из header.tpl
     
  7. airness

    airness

    Регистрация:
    14 ноя 2013
    Сообщения:
    42
    Симпатии:
    2
    Спасибо что помогаете
     
  8. SmileOk

    SmileOk

    Регистрация:
    29 янв 2013
    Сообщения:
    84
    Симпатии:
    27
    В header.tpl для пункта которому нужно изменить фон присваиваем свой id, например для пункта "Доставка"
    изменить
    Код:
    <li><a href="/shipping">Доставка</a></li>
    на
    Код:
     <li id="menu1"><a href="/shipping">Доставка</a></li>
    Теперь в stylesheet.css прописываем стиль для id menu1, вставляем код
    Код:
    #menu1 > a {
       
        background-color:#38B0E3; /* Цвет нужного фона*/
        -webkit-border-radius: 5px; /* Закругление углов фона*/
        -moz-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    }
     
    Последнее редактирование: 19 дек 2013
    serval04 и airness нравится это.
  9. airness

    airness

    Регистрация:
    14 ноя 2013
    Сообщения:
    42
    Симпатии:
    2
    Спасибо большое, получилось