Друпал - как включить | как разделитель для каждого пункта меню

Я использую Drupal 7 с темой Zen. Я хочу добавить меню в панель навигации со следующими требованиями: 1. фон: серый 2. разделитель "|" разделение каждого пункта меню 3. нет подчеркивания для пункта меню

Мне удалось выполнить № 1 в файле navigation.css. Не подскажете, как выполнить 2 и 3? --------------------------------------ответ ---------- -------------------------

для тех, кто заинтересован, вот как я выполняю вышеизложенное:

  1. установите серый цвет фона, отредактируйте responsive-sidebars.css, добавьте «background:grey» в блок кода #navigation.

  2. добавление разделителя "|": отредактируйте navigation.css, добавьте следующий код:

    #navigation li:before {
    content: "|";
 }

  3. не подчеркивайте элемент меню, отредактируйте navigation.css, добавьте «text-decoration:none» и #navigation a в стопку кода «#navigation ul.links li», например:

    #navigation ul.links li,
#navigation ul.menu li,
#navigation a
{ 

  padding: 0px 5px;
  margin-right: 5px;
  border-radius: 5px 5px 5px 5px;
  float:left;
  color:white;
  vertical-align: middle;
  list-style: none;
  text-decoration: none;
}

menu divider drupal
person mwalsh    schedule 02.10.2012    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Как насчет того, чтобы просто применить стиль к элементу, с которым вы работаете (FOO), который делает что-то вроде:

FOO:before {
    content: "|";
}
FOO:first-child:before {
    content: "";
}

Где FOO — это класс или элемент, с которым вы работаете для своей навигации.

Здесь происходит то, что вы используете псевдоэлемент, чтобы поместить канал перед своим элементом, а первый дочерний элемент должен убедиться, что у вас нет канала перед вашим первым элементом. (Наоборот, использование :after и :last-child будет одинаково эффективным)

person Charles Bandes    schedule 02.10.2012