Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
DIZ-CS.RU - Мы с Вами НАВСЕГДА!
  • Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Помощь в Css и html
Дата: Сб, 02.03.2013, 18:02:48 | Сообщение # 1
Аватарка Kupa
Готов к переменам!
OFF
Banned Users
437 Сообщения:
1 Награды:
Ребят помогите мне паж переделать меню получается переделать надо что бы оно всплывало , ксс и хтмл имеется , помогите паж очень красивое меню , век не забуду .

Вот мое меню которое сейчас стоит .
html
Код
<ul id="h_b_nav">
<li><a href="/news/" title="Описание">Новости</a></li>
<li><a href="/forum/3" title="Описание">Вакансии</a></li>
<li><a href="/board/" title="Описание">Видео</a></li>
<li><a href="/forum/62" title="Описание">Action</a></li>
<li><a href="#" title="Описание">Игры</a></li>
<li><a href="#" title="Описание">Блоги</a></li>
<li><a href="/forum/39" title="Описание">Игровой календарь</a></li>
<li><a href="#" title="Описание">Форум</a></li>
<li><a href="#" title="Описание">Скриншоты</a></li>
</ul>

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
Код
<div id="topmenu">
  <div class="menubar">
  <ul id="topmenu" class="top-panel reset">
  <li><a href="$HOME_PAGE_LINK$">Главная</a></li>
   
  <li class="sublnk"><a href="#">Игры</a>
  <ul>
  <li><a href="/">Рип</a></li>
  <li><a href="/">Подготовил</a></li>
  <li><a href="/">Мишка</a></li>
  <li><a href="/">Команда сайта</a></li>
  <li><a href="/">Тралала</a></li>
  </ul>
  </li>
   
  <li class="sublnk"><a href="#">Каталог игр</a>
  <ul>
  <li><a href="/">Игры для PC</a></li>
  <li><a href="/">Игры для Xbox 360</a></li>
  <li><a href="/">Игры для PS3</a></li>
  <li><a href="/">Игры для PSP</a></li>
  </ul>
  </li>
   
  <li><a href="#">Игры для PC</a></li>
  <li><a href="#">Игры для Xbox 360</a></li>
  </ul>
  </div>

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
Поиск: