Выпадающий список в верхнем меню
Добавлено: 05 июн 2012, 10:01
В панели администратора создаём пункт меню "Выпадающий список" и заполняем его элементами.
В юзеркой части при наведении на такой пункт меню он начинает "плясать и вести себя крайне неприлично".
Это обнаружилось во время решения проблемы с выставлением класса "active" (viewtopic.php?f=19&p=973) и скорее всего по причине некорректного слияния ветки default в ветку release и demo в Mercurial потерялись стили.
Добавьте в самый конец файла css/style.css следующие строки:
В юзеркой части при наведении на такой пункт меню он начинает "плясать и вести себя крайне неприлично".
Это обнаружилось во время решения проблемы с выставлением класса "active" (viewtopic.php?f=19&p=973) и скорее всего по причине некорректного слияния ветки default в ветку release и demo в Mercurial потерялись стили.
Добавьте в самый конец файла css/style.css следующие строки:
- Код: Выделить всё
#titlebar #titlebar_right #top_menu {
float:right;
}
#titlebar #titlebar_right #top_menu li {
float:left;
position:relative;
height:20px;
z-index:1000;
margin:0 0 0 6px;
}
#titlebar #titlebar_right #top_menu li a {
float:left;
padding:0 0 3px 12px;
}
#titlebar #titlebar_right #top_menu div.submenu {
position:absolute;
display:none;
top:20px;
left:0;
padding:9px 0 0;
}
#titlebar #titlebar_right #top_menu ul {
width:181px;
font-size:.8571em;
margin:0;
padding:0 0 3px;
}
#titlebar #titlebar_right #top_menu ul li {
float:none;
display:block;
height:auto;
margin:0;
padding:0 3px 0 0;
}
#titlebar #titlebar_right #top_menu ul li a {
color:#006ACE;
float:none;
display:block;
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
background:none;
border-style:solid;
margin:0;
padding:17px 12px;
}
#titlebar #titlebar_right #top_menu li ul li a {
background:#fff;
border-color:#c7c7c7;
}
#titlebar #titlebar_right #top_menu div.submenu {
background:left top url(../images/design/titlebar_menu_corners.png) no-repeat;
}
#titlebar #titlebar_right #top_menu ul {
background:right bottom url(../images/design/titlebar_menu_shadow_bottom.png) no-repeat;
}
#titlebar #titlebar_right #top_menu ul li {
background:right top url(../images/design/titlebar_menu_shadow_right.png) repeat-y;
}