Перейти к содержанию
doctorfolk

Настройка главного меню, добавить разделитель

Рекомендуемые сообщения

Хочу вставить разделитель в главном меню.

сейчас так

2017-09-20_21-42-39.thumb.png.c9712b47e6880092374dff34bffc4e43.png

 

а хочу так

2017-09-20_21-42-51.thumb.png.8ed45182ba4303cf709e4b679b377639.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ну как то так или по другому стилями добавьте

border-left: 1px solid #878787;

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

нашел куда внести спасибо

Изменено пользователем doctorfolk

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Я не вижу вашего сайта и не могу телепатически видеть в какую строку добавить )))))))))) И по мимо этого еще и отступы наверное нужно добавить.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
2 часа назад, Djeff78 сказал:

Я не вижу вашего сайта и не могу телепатически видеть в какую строку добавить )))))))))) И по мимо этого еще и отступы наверное нужно добавить.

вот сайт www.gaston.com.ua, отступы не добавлял, вроде нормально.

 

Изменено пользователем doctorfolk

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
4 минуты назад, doctorfolk сказал:

вот сайт www.gaston.com.ua, отступы не добавлял, вроде нормально.

 

Ну все - типа порядок.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

С мобилы

S70922-01122096.thumb.jpg.ff9026dbc31490bc026de62fbe3eda20.jpg

И при нажатии 

S70922-01123186.thumb.jpg.9676f17b5fb1dada1ed032a2d0663b85.jpg

П. С. Как под спойлер убрать? 

Изменено пользователем RaVIOLy

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
В 20.09.2017 в 21:45, doctorfolk сказал:

Хочу вставить разделитель в главном меню.

сейчас так

2017-09-20_21-42-39.thumb.png.c9712b47e6880092374dff34bffc4e43.png

 

а хочу так

2017-09-20_21-42-51.thumb.png.8ed45182ba4303cf709e4b679b377639.png

 

 

находите у себя в header.tpl

 

<ul class="nav navbar-nav">

 

 

и меняете на 

 

<ul class="nav nav-justified"> 

 

 

Стили стандартные, замените на свои цвета 


.nav-justified {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.nav-justified > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
  font-weight: bold;
  color: #777;
  text-align: center;
  background-color: #e5e5e5;
  border-bottom: 1px solid #d5d5d5;
}
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  background-color: #ddd;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}
.nav-justified > li:first-child > a {
  border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
  border-bottom: 0;
  border-radius: 0 0 5px 5px;
}

@media (min-width: 768px) {
  .nav-justified {
    max-height: 52px;
  }
  .nav-justified > li > a {
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #fff;
  }
  .nav-justified > li:first-child > a {
    border-left: 0;
    border-radius: 5px 0 0 5px;
  }
  .nav-justified > li:last-child > a {
    border-right: 0;
    border-radius: 0 5px 5px 0;
  }
}

 

 

Результат на моем скриншоте с вашими стилями

 

 

screenshot-www.gaston.com.ua-2017-09-22-02-11-50-419.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.