WordPress: как назначить разные цвета для меню навигации - PullRequest
Новая
       26

WordPress: как назначить разные цвета для меню навигации

0 голосов
/ 30 июня 2011

Я бы хотел, чтобы кнопки верхнего меню навигации были выделены разными цветами. Например, я хочу, чтобы кнопка меню «Домой» отличалась от цвета кнопки меню «О программе». Может ли кто-нибудь, пожалуйста, помогите мне с этим. Мой CSS ужасен.

Есть ли плагин WordPress, который делает это.

Надеюсь, кто-нибудь мне поможет. Заранее спасибо.

Томас

Ответы [ 3 ]

6 голосов
/ 01 июля 2011

Если вы используете управление меню Wordpress, вы можете назначить класс каждому пункту меню с помощью опции «Меню» в разделе «Внешний вид», вам просто нужно создать несколько классов CSS с желаемыми цветами и нажать раскрывающийся список напункт меню и добавьте его. 

.red { color:red }

enter image description here

0 голосов
/ 20 марта 2016

Почему бы не использовать селектор X: nth-child (n).

Просто замените "n" на позицию элемента и поместите тип элемента, который вы хотите выбрать вместо X.

0 голосов
/ 01 июля 2011

Во-первых, знаете ли вы, как открыть style.css (или какой-либо другой основной файл CSS для вашей темы).После открытия добавьте классы промежутков для любого количества пунктов меню, которые вы хотите изменить.Например: 

.item-1 {
color:red;
}
.item-2 {
color:blue;
}
.item-3 {
color:purple;
}
.item-4 {
color:orange;
}
.item-5 {
color:green;
}

Затем откройте ваш page.php (или любой другой основной файл PHP) и оберните эти CSS-классы span вокруг html для пунктов меню.Затем вы, конечно, можете добавить несколько простых эффектов: при наведении курсора, чтобы изменить цвет при наведении курсора мыши.Просто перепечатайте элемент CSS в файле CSS и добавьте: hover после него.Например: 

.item-1:hover {
color:pink;
}

Итак, поехали!Надеюсь, это немного поможет.Это всегда веселее, и вы лучше контролируете то, что вокруг вас, если вы создаете сайт из ядра.Позвольте мне знать, если у вас есть какие-либо вопросы по этому поводу.

...