На форуме InfoScript.ru вы можете: задать вопросы по php, вопросы по javascript, вопросы по системе uCoz, заказать графику для вашего сайта и просто пообщаться с хорошими людьми
  • Страница 1 из 1
  • 1
Модератор форума: frenkmalcov  
Форум вебмастера » Основной раздел » Вопросы по системе uCoz » Горизонтальное меню (Помогитеее..))
Горизонтальное меню
LexaBLR Дата: Среда, 03.04.2013, 11:56 | Сообщение # 1
Offline
Супер чел
Проверенные
Сообщений:287
Награды:3
Замечания:0%
Репутация
57
 В общем такое дело.
Как сделать чтобы при открытии пункта меню(список с сылками), данный пунктик оставался активным до той поры пока не уберешь курсор из списка.
Т.е. см пример тут
Там, в гор. менюшке, как навести и лазать по списку, пунктик меню(со стрелочкой вниз) остается голубого цвета.
Чего нужно в CSS добавить-то??:D
С меня "+" в репу.
Все круть...:D

Сообщение отредактировал LexaBLR - Среда, 03.04.2013, 11:56
 
MaSTerGuiTar Дата: Среда, 03.04.2013, 13:10 | Сообщение # 2
Offline
Генералиссимус
Модераторы
Сообщений:1653
Награды:17
Замечания:0%
Репутация
183
 У тебя такое же меню?
 
LexaBLR Дата: Суббота, 06.04.2013, 13:41 | Сообщение # 3
Offline
Супер чел
Проверенные
Сообщений:287
Награды:3
Замечания:0%
Репутация
57
 MaSTerGuiTar, другое. 
Какой код нужен-то?

Добавлено (06.04.2013, 13:41)
---------------------------------------------
Hallo!... I need Help.  biggrin

Все круть...:D
 
Arhim Дата: Суббота, 06.04.2013, 18:33 | Сообщение # 4
Offline
Продвинутый
Пользователи
Сообщений:151
Награды:0
Замечания:0%
Репутация
9
 CSS того меню: 
Код
.menu li a{color:#fff;float:left;text-transform:uppercase;font-weight:700;height:35px;line-height:36px;text-shadow:0 1px 0 #333;padding:0 12px}
.menu li a.sub:after{padding:0 0 0 10px;content:"▼"}
.menu li a.selected:after,.menu li a.sub:hover:after {color:#282C2F;text-shadow:0 -1px 0 #000}
.menu li a:hover,.menu li a.selected{background:#0094cc;}
.sub-menu{background:rgba(22,22,22, 0.9);border:1px solid #262626;border-bottom:none;position:absolute;top:0;visibility:hidden;width:195px;z-index:100;border-radius:0 0 3px 3px;margin:-1px 0 0 -1px}
.sub-menu a{border-bottom:1px solid #282C2F;color:#fff !important;display:block;text-indent:12px;width:100%;padding:7px 0}
.sub-menu a:hover{background:#0094cc}
.menu,.menu li{display:inline}
.menu,.sub-menu{font-size:8pt}
a.activeMenu{background:url('') no-repeat 50% 0;box-shadow:0 9px 4px -6px #0094cc;}

Смотри четвертую, седьмую или последнюю строчку shades

Сообщение отредактировал Arhim - Суббота, 06.04.2013, 18:47
 
LexaBLR Дата: Четверг, 11.04.2013, 00:12 | Сообщение # 5
Offline
Супер чел
Проверенные
Сообщений:287
Награды:3
Замечания:0%
Репутация
57
 Arhim, спасибо! Но не помогло...(
Все круть...:D

Сообщение отредактировал LexaBLR - Четверг, 11.04.2013, 02:40
 
sold93 Дата: Четверг, 11.04.2013, 12:19 | Сообщение # 6
Offline
Гуру
Модераторы
Сообщений:1135
Награды:11
Замечания:0%
Репутация
408
 Классы то совпадают?
подайте рептацию бедному студенту
 
LexaBLR Дата: Понедельник, 15.04.2013, 19:29 | Сообщение # 7
Offline
Супер чел
Проверенные
Сообщений:287
Награды:3
Замечания:0%
Репутация
57
 sold93, не. После редактирования тоже не прокатило...

Добавлено (12.04.2013, 03:01)
---------------------------------------------
Переформулирую вопрос:
При активации выпадающего меню, в его родительском элементе ссылка перестаёт быть активной(меняется цвет). Что нужно добавить в стилях, что бы при открытии выпадающего меню ссылка родителя оставалась активной(выделенной)?

Добавлено (15.04.2013, 04:16)
---------------------------------------------
HELP! help :help: help :help: help

Добавлено (15.04.2013, 19:29)
---------------------------------------------
Тему в топку! Разобрался.
Дело было в этом:

Код
.menu li:hover {background: #fff}


А не так

Код
.menu li a:hover, .menu li a.active...
и т.д. и т.п.
Всем спасибо за предложения решения проблемы! happy
Все круть...:D

Сообщение отредактировал LexaBLR - Понедельник, 15.04.2013, 19:31
 
Форум вебмастера » Основной раздел » Вопросы по системе uCoz » Горизонтальное меню (Помогитеее..))
  • Страница 1 из 1
  • 1
Поиск: