[FAQ] Настройка верхнего меню

[AE1]

Друзья, подскажите пожалуйста, на http://www.opencart.com в верхнем меню (которое горизонтальной полоской) между пунктами меню вертикальные разделители и + когда выбран какой-то пункт меню он подсвечивается... как сделать так же? не могу найти...

[Einshtein]

за это отвечает стиль active

[ingenerks]

Найти в таблице стилей

#menu > ul > li > a.active {

background: #cccccc;

}

выбери цвет по усмотрению каким нужно, что бы подсвечивалось.

[AE1]

Спасибо, первую часть удалось решить с помощью модуля vQmod, а как резделители вставить вериткальные между пунктами меню?

[freelancer]

Спасибо, первую часть удалось решить с помощью модуля vQmod, а как резделители вставить вериткальные между пунктами меню?

так же через стили

#menu > ul > li + li {
	background: url("../image/split.png") no-repeat scroll left center transparent;
}

[AE1]

так же через стили

#menu > ul > li + li {
	background: url("../image/split.png") no-repeat scroll left center transparent;
}

Супер! Спасибо огромное!

[beautypoint]

так же через стили

 

#menu > ul > li + li {
	background: url("../image/split.png") no-repeat scroll left center transparent;
}

 

Супер! Спасибо огромное!

Добрый день!

​Что должно быть в файле "../image/split.png" ? Линия, точка или еще что, какого размера?

Удастся ли с помощью этого способа сделать такое меню как нарисовано дизайнером во вложенном файле?

Сейчас у меня вот так - http://kosmetiko.in.ua/

[beautypoint]

 

так же через стили

 

#menu > ul > li + li {
	background: url("../image/split.png") no-repeat scroll left center transparent;
}

 

Супер! Спасибо огромное!

Добрый день!

​Что должно быть в файле "../image/split.png" ? Линия, точка или еще что, какого размера?

Удастся ли с помощью этого способа сделать такое меню как нарисовано дизайнером во вложенном файле?

Сейчас у меня вот так - http://kosmetiko.in.ua/

Вроде будет работать, только ширина разделов меню должна быть одинакова. А она разная - зависит от количества символов в названии.

Кто-нибудь знает как сделать одинаковую ширину разделов меню?

[beautypoint]

Одинаковую ширину разделов меню пробовал делать так:

#menu > ul > li {

position: relative;

float: left;

z-index: 20;

padding: 5px 0px 0px 0px;

display: block;

width: 111px;

text-align: center;

Вышло, но чувствую метод какой-то отсталый.
Из минусов - пришлось поменять сами названия категорий, чтоб они помещались в block.

Не годится.