Вот мое меню которое сейчас стоит .
html
Код
Css
Код
#h_b_nav {background:#2b2b2b url(/designs_77/h_b_nav.png) repeat-x; display:block; height:26px; padding:2px 0; overflow:hidden;}
#h_b_nav li {background:url(/designs_77/h_b_nav_li.png) no-repeat 0 center; padding:0 10px 0 16px; float:left; height:26px;}
#h_b_nav li a {display:inline-block; padding:0 6px; margin:3px 0 0 0; height:20px; line-height:20px; font-weight:700; color:#757575;}
#h_b_nav li a:hover {background:#1a1a1a; color:#af383a; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#h_b_nav li {background:url(/designs_77/h_b_nav_li.png) no-repeat 0 center; padding:0 10px 0 16px; float:left; height:26px;}
#h_b_nav li a {display:inline-block; padding:0 6px; margin:3px 0 0 0; height:20px; line-height:20px; font-weight:700; color:#757575;}
#h_b_nav li a:hover {background:#1a1a1a; color:#af383a; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
А вот меню которое я хотел бы переделать , получается к своему меню добавить всплывающие меню то бишь объединить их .
Вот html
Код
Css
Код
#topmenu {
background:url('../images/highlight.png') repeat-x #f5f5f5;
height:32px;
}
.top-panel {
line-height:32px;
float:left;
}
.top-panel li {
float:left;
}
.top-panel li a {
color:#666;
text-shadow:#fff 0px 1px 0px
float:left;
border-right:1px dotted #ddd;
padding:0 10px;
display:block;
}
.top-panel li a:hover {
color:#a8cc37;
}
.menubar ul .sublnk {
position: relative;
}
.menubar ul li ul {
width:200px;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);
margin:0;
padding:5px 0px;
border-radius:4px;
background:rgba(0,0,0,0.8);
left:0;
position:absolute;
z-index:9999;
display:none;
}
.menubar ul li ul li a, .menubar ul li ul li, .menubar ul li ul li a {
background: none;
float: none;
border:none;
height: auto;
display: block;
line-height: normal;
text-transform: none;
}
.menubar ul li ul li a {
color: #fff;
font-size:11px;
padding:5px 0 5px 7px;
}
.menubar ul li ul li {
padding: 0;
}
.menubar ul li ul li a:hover {
color:#fff;
background:rgba(255,255,255,0.15);
}
background:url('../images/highlight.png') repeat-x #f5f5f5;
height:32px;
}
.top-panel {
line-height:32px;
float:left;
}
.top-panel li {
float:left;
}
.top-panel li a {
color:#666;
text-shadow:#fff 0px 1px 0px
float:left;
border-right:1px dotted #ddd;
padding:0 10px;
display:block;
}
.top-panel li a:hover {
color:#a8cc37;
}
.menubar ul .sublnk {
position: relative;
}
.menubar ul li ul {
width:200px;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);
margin:0;
padding:5px 0px;
border-radius:4px;
background:rgba(0,0,0,0.8);
left:0;
position:absolute;
z-index:9999;
display:none;
}
.menubar ul li ul li a, .menubar ul li ul li, .menubar ul li ul li a {
background: none;
float: none;
border:none;
height: auto;
display: block;
line-height: normal;
text-transform: none;
}
.menubar ul li ul li a {
color: #fff;
font-size:11px;
padding:5px 0 5px 7px;
}
.menubar ul li ul li {
padding: 0;
}
.menubar ul li ul li a:hover {
color:#fff;
background:rgba(255,255,255,0.15);
}
Я пытался объединить их как мог но не получается не хватает знаний ... Помогите паж .



