18 Ноября 2017, 22:43:25

Автор Тема: Как сделать раздвижное меню из нераздвижного  (Прочитано 4626 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн BAKS1K

  • Постоялец
  • ***
  • Сообщений: 172
  • Репутация: 7
  • Пол: Мужской
    • Создай Свой Игровой Сервер с www.valve-server.ru
Всем привет, я с очередным вопросом. Редактирую один дизайн и надо сделать из нераздвижного меню раздвижное (пример есть тут http://makeserver.kz/).
Вот собственно код меню из шаблона:
Цитировать
   <div class="siteMenu">
      <ul>
            <li><a href="#">Ваша ссылка[/url]</li>
            <li><a href="#">Ваша ссылка[/url]</li>
            <li><a href="#">Ваша ссылка[/url]</li>
            <li><a href="#">Ваша ссылка[/url]</li>
            <li><a href="#">Ваша ссылка[/url]</li>
            <li><a href="#">Ваша ссылка[/url]</li>
            <li><a href="#">Ваша ссылка[/url]</li>
      </ul>
   </div>

Код CSS менюшки:
Цитировать
.siteMenu {text-align:center;}
.siteMenu ul {background:rgba(13,11,9,.26);border-radius:10px;display:inline-block;box-shadow:inset 0 1px 2px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.08);padding:5px;}
.siteMenu ul:first-child {margin-right:10px;}
.siteMenu ul li {text-align:left;padding-top:3px;background:url('../img/menuSep.png') repeat-x left top;}
.siteMenu ul li:first-child {background:none;padding:0;}
.siteMenu ul a {display:block;text-decoration:none;color:#948c7f;height:23px;width:270px;padding:3px 7px 0;}
.siteMenu ul a:hover {background:url('../img/menu.png');text-shadow:0 1px 0 rgba(255,255,255,.3);color:#2d2923;}

Раньше как то делал подобное, но что то не могу вспомнить как оно было. Если картинки требуются, то скину. А Вообще вот сам шаблон можно скачать тут (https://yadi.sk/d/NldLYT83M9CzL) DLE 10.2

Оффлайн alin12345

  • Ветеран
  • *****
  • Сообщений: 543
  • Репутация: 13
  • Пол: Мужской
<!-- Выезжающая кнопка с подкатегориями -->
<div class="bnavi">
<li><div class="vtlnk"><img src="{THEME}/images/spacer.gif" class="aclink" alt="" /><a href="/">Раздел[/url]
<div class="accontent"><div class="bg_plus_top"></div>
<div class="bg_plus">

<div class="plusq"><a href="/">» Подкатегория[/url]</div>
<div class="plusq"><a href="/">» Подкатегория[/url]</div>
<div class="plusq"><a href="/">» Подкатегория[/url]</div>
<div class="plusq"><a href="/">» Подкатегория[/url]</div>
<div class="plusq"><a href="/">» Подкатегория[/url]</div>

</div>
<div class="bg_plus_bot"></div>
</div>

</div>
</li>   
</div>
<!-- /Выезжающая кнопка с подкатегориями -->

Оффлайн BAKS1K

  • Постоялец
  • ***
  • Сообщений: 172
  • Репутация: 7
  • Пол: Мужской
    • Создай Свой Игровой Сервер с www.valve-server.ru
Всё бы хорошо, но только левое меню я сам могу вставить, мне надо CSS переделать, и мой же код. А не другой кидать.

Оффлайн BAKS1K

  • Постоялец
  • ***
  • Сообщений: 172
  • Репутация: 7
  • Пол: Мужской
    • Создай Свой Игровой Сервер с www.valve-server.ru
Всё можно закрывать тему, сам почти разобрался, осталось только подправить чтоб криво не было и новые картинки подрисовать.

Оффлайн urprose

  • Кандидат
  • *
  • Сообщений: 20
  • Репутация: 0
спасибо за подсказку