Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

2 часа назад, Djeff78 сказал:

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

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

 

Змінено користувачем doctorfolk
Надіслати
Поділитися на інших сайтах


В 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 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.