DIZ-CS.RU - Мы с Вами НАВСЕГДА!
Активный форум » WEB-мастеру » Технический раздел (домены, хостинг, настройка CMS и шаблонов) » Помощь в Css и html
  • Страница 1 из 1
  • 1
Сообщение # 1
Аватарка Kupa
Готов к переменам!
OFF
Banned Users
Сообщения:401
Награды:1
Отзывы:14
Ребят помогите мне паж переделать меню получается переделать надо что бы оно всплывало , ксс и хтмл имеется , помогите паж очень красивое меню , век не забуду .

Вот мое меню которое сейчас стоит .
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;}



А вот меню которое я хотел бы переделать , получается к своему меню добавить всплывающие меню то бишь объединить их .
Вот 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);  
}


Я пытался объединить их как мог но не получается не хватает знаний ... Помогите паж . Cnc
  • Страница 1 из 1
  • 1
Поиск:
Писать на форуме могут только авторизованные пользователи.