Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Выпадающее подменю

Предыдущая тема Следующая тема Перейти вниз

Выпадающее подменю

Сообщение автор wolfsschanze в Пн 27 Окт - 13:38

Здравствуйте.
         Подскажите пожалуйста, как сделать так, чтобы у выпадающего меню было тоже подменю но выпадало справа, я покажу на скринах что собственно хотел бы видеть:




Вот как нада написать код чтобы при наведении на одну из графу в выпадающем подменю главной панели навигации, справа выпадало еще подменю.

Очень необходимо, пожалуйста помогите.



Последний раз редактировалось: wolfsschanze (Сб 8 Ноя - 20:58), всего редактировалось 1 раз(а)

wolfsschanze
 

Мужчина

Сообщения : 43
Возраст : 29
Регистрация : 2013-09-21
Благодарности : 0

Без предупреждений

http://forum.wolfsschanze.ru/

Вернуться к началу Перейти вниз

Re: Выпадающее подменю

Сообщение автор wolfsschanze в Пт 7 Ноя - 18:57

Ну ничего..я подожду..beach

wolfsschanze
 

Мужчина

Сообщения : 43
Возраст : 29
Регистрация : 2013-09-21
Благодарности : 0

Без предупреждений

http://forum.wolfsschanze.ru/

Вернуться к началу Перейти вниз

Re: Выпадающее подменю

Сообщение автор wolfsschanze в Вс 9 Ноя - 13:04

UP!

Неужели сложный вопрос??

wolfsschanze
 

Мужчина

Сообщения : 43
Возраст : 29
Регистрация : 2013-09-21
Благодарности : 0

Без предупреждений

http://forum.wolfsschanze.ru/

Вернуться к началу Перейти вниз

Re: Выпадающее подменю

Сообщение автор Сергей Александрович в Вс 9 Ноя - 14:58

@wolfsschanze пишет:Здравствуйте.
         Подскажите пожалуйста, как сделать так, чтобы у выпадающего меню было тоже подменю но выпадало справа, я покажу на скринах что собственно хотел бы видеть:




Вот как нада написать код чтобы при наведении на одну из графу в выпадающем подменю главной панели навигации, справа выпадало еще подменю.

Очень необходимо, пожалуйста помогите.

Можно код самого меню что бы можно было придумать решение не нагружающее форум?

Сергей Александрович
 

Мужчина

Сообщения : 612
Возраст : 50
Регистрация : 2014-11-03
Благодарности : 200

Без предупреждений

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Выпадающее подменю

Сообщение автор wolfsschanze в Вс 9 Ноя - 15:02

Adonai пишет:
Можно код самого меню что бы можно было придумать решение не нагружающее форум?

Находится в overall_header
Вот, копия кода панели навигации:
код:
<div id="top-menu">
<ul class="menu">
  <li><a href="http://forum.wolfsschanze.ru/f10-forum">Канцелярия сообщества</a>
     <ul>
        <li><a href="http://forum.wolfsschanze.ru/t136-topic" class="docu">Кто мы такие и как стать одним из нас!!!</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t33-topic#479" class="docu">Связь с руководством</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t68-topic" class="docu">Атрибутика с символикой сообщества</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t91p30-topic#2260" class="docu">Обновленные рубрики на сайте</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t105-topic#1376" class="docu">Видео-реклама</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t104-topic" class="docu">Реформы в сообществе</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t80-topic#1049" class="docu">Касса сообщества</a></li>
     </ul>
 </li>
    <li><a href="">Для Общения</a>
     <ul>
        <li><a href="http://forum.wolfsschanze.ru/t2p280-topic#2246" class="docu">*БОЛТАЛКА*на любые темы</a></li>
        <li><a href="http://forum.wolfsschanze.ru/f19-forum" class="docu">Казарма</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t101-topic#1279" class="docu">Мы в реальной жизни[фото]</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t95-topic" class="docu">Да ну на,не ужели заговорил?</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t90p90-topic#2359" class="docu">Наш юмор</a></li>
     </ul>
 </li>
    <li><a href="http://forum.wolfsschanze.ru/f1-forum">Для личного состава</a>
     <ul>
        <li><a href="http://forum.wolfsschanze.ru/t103-topic" class="docu">Реформы в сообществе</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t107-topic" class="docu">Помощь в создании видеогайдов\стримов.</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t146-topic" class="docu">Реконструкция событий ВОВ!!!</a></li>
     </ul>
 </li>
    <li><a href="http://forum.wolfsschanze.ru/f23-forum">Боевая часть</a>
      <ul>
        <li><a href="http://forum.wolfsschanze.ru/t69p80-topic#2106" class="docu">Достижения!</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t65-topic" class="docu">Коллективная игра</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t27p100-topic#2036" class="docu">Поделитесь опытом</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t75p20-topic#2117" class="docu">Охота за головами</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t83-topic#1973" class="docu">Тактика врага</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t52-topic" class="docu">Что, где лежит</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t87-topic" class="docu">Играй и зарабатывай</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t131-topic#1747" class="docu">Внимание! Штрафбат!!</a></li>
     </ul>
 </li>
      <li><a href="">Гайды</a>
     <ul>
        <li><a href="http://forum.wolfsschanze.ru/t106-topic#1497" class="docu">Десантный</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t138-topic#1797" class="docu">Лётчики</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t93p10-topic#1959" class="docu">Видео гайды\обзоры</a></li>
     </ul>
 </li>
        <li><a href="">Присвоение наград</a>
     <ul>
        <li><a href="http://forum.wolfsschanze.ru/t88p160-topic#2393" class="docu">Подать рапорт</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t96p90-topic#2395" class="docu">история вручения</a></li>
        <li><a href="http://forum.wolfsschanze.ru/f22-forum" class="docu">[Обсуждение] Система наград</a></li>
     </ul>
 </li>
          <li><a href="">Конкурсы</a>
     <ul>
        <li><a href="http://forum.wolfsschanze.ru/t74-topic" class="docu">Основные положения</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t147-topic" class="docu">ВНИМАНИЕ!!!-2100 голды за девиз!!!"</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t72-topic" class="docu">Конкурс "Самый Полезный"</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t30-topic" class="docu">Конкурс "Для всех желающих"</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t110-topic" class="docu">Октоберфест от Wolfsschanze </a></li>
        <li><a href="http://forum.wolfsschanze.ru/t99-topic#1261" class="docu">Сообществу Wolfsschanze 1 год</a></li>
     </ul>
 </li>
          <li><a href="http://forum.wolfsschanze.ru/f4-forum">Исторический архив</a>
     <ul>
        <li><a href="http://forum.wolfsschanze.ru/f5-forum" class="docu">Видеоматериалы</a></li>
        <li><a href="http://forum.wolfsschanze.ru/f6-forum" class="docu">Письменные материалы</a></li>
        <li><a href="http://forum.wolfsschanze.ru/f8-forum" class="docu">Известные личности Второй Мировой</a></li>
     </ul>
 </li>
            <li><a href="">Тех.Помощь</a>
     <ul>
        <li><a href="http://forum.wolfsschanze.ru/t109-topic" class="docu">Приёмная по общим вопросам</a></li>
        <li><a href="http://forum.wolfsschanze.ru/f7-forum" class="docu">Опрос военнослужащих</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t126-topic" class="docu">Руководство по Регистрации</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t118-topic" class="docu">Как создать скриншот для Форума</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t40p10-topic" class="docu">Проблемы с игрой</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t120-topic" class="docu">Журнал работ</a></li>
     </ul>
</li>
</ul>
</div>

Это полный код, но вам думаю достаточно будет и одного пункта.
Часть кода:
      <li><a href="">Гайды</a>
     <ul>
        <li><a href="http://forum.wolfsschanze.ru/t106-topic#1497" class="docu">Десантный</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t138-topic#1797" class="docu">Лётчики</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t93p10-topic#1959" class="docu">Видео гайды\обзоры</a></li>
     </ul>
 </li>

Вот как его сделать так чтобы в этом подменю открывающемся сбоку вылетали еще подменю я не в курсе.
Там же каким-то кодом нада подогнать правее новое подменю, но как...я только могу спрашивать..



А вот это если я все скопировал правильно CSS данной панели навигации
Код:
/* начало настроек топ меню */

#top-menu #top-menu .menu,
#top-menu .menu ul,
#top-menu .menu li,
#top-menu .menu a {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}
/* линия меню - высота, цвет и фоновое изображение */

#top-menu .menu {  
  height: 40px;
  background: #474954 url(http://s019.radikal.ru/i610/1408/6b/eb398474b366.jpg) repeat;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 5px;
}

#top-menu .menu li {
  position: relative;
  list-style: none;
  float: left;
  display: block;
  height: 40px;
}

/* ссылки */

#top-menu .menu li a {
  display: block;
  padding: 0 14px;
  margin: 6px 0;
  line-height: 28px;
  text-decoration: none;  
  border-left: 1px solid #393942;
  border-right: 1px solid #4f5058;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #f3f3f3;  /* цвет ссылок меню */
  text-shadow: 1px 1px 1px rgba(0,0,0,.6);
  -webkit-transition: color .2s ease-in-out;
  -moz-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  -ms-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}

#top-menu .menu li:first-child a { border-left: none; }
#top-menu .menu li:last-child a{ border-right: none; }

/* цвет пунктов меню при наведении */
#top-menu .menu li:hover > a {
color: #991a1a;
}

/* подменю */

#top-menu .menu ul {
  position: absolute;
  top: 40px;
  left: 0;
  opacity: 0;  
  background: #1f2024; /* фон выпадающей панели */
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-transition: opacity .25s ease .1s;
  -moz-transition: opacity .25s ease .1s;
  -o-transition: opacity .25s ease .1s;
  -ms-transition: opacity .25s ease .1s;
  transition: opacity .25s ease .1s;
}

#top-menu .menu li:hover > ul { opacity: 1; }

#top-menu .menu ul li {
  height: 0;
  overflow: hidden;
  padding: 0;

  -webkit-transition: height .25s ease .1s;
  -moz-transition: height .25s ease .1s;
  -o-transition: height .25s ease .1s;
  -ms-transition: height .25s ease .1s;
  transition: height .25s ease .1s;
}

#top-menu .menu li:hover > ul li {
  height: 30px;
  overflow: visible;
  padding: 0;
}

#top-menu .menu ul li a {
  width: 300px;
  padding: 0px 0 0px 30px;
  margin: 0;

  border: none;
  border-bottom: 1px solid #353539;
}

#top-menu .menu ul li:last-child a { border: none; }

/* цвет ссылки Новое ЛС */

.nova {
 color: #5FC723 !important;
}

/* иконка подменю */

#top-menu .menu a.docu {
 background: url(http://i70.servimg.com/u/f70/17/37/83/89/arrow10.png) no-repeat 6px center;
}

.fa_ticker_content div > * {
z-index: 1 !important;  
}
#top-menu .menu > * {
z-index: 999 !important;  
}

/* конец настроек топ меню */

wolfsschanze
 

Мужчина

Сообщения : 43
Возраст : 29
Регистрация : 2013-09-21
Благодарности : 0

Без предупреждений

http://forum.wolfsschanze.ru/

Вернуться к началу Перейти вниз

Re: Выпадающее подменю

Сообщение автор Сергей Александрович в Вс 9 Ноя - 15:25

@wolfsschanze пишет:

Находится в overall_header
Вот, копия кода панели навигации:
код:
<div id="top-menu">
<ul class="menu">
  <li><a href="http://forum.wolfsschanze.ru/f10-forum">Канцелярия сообщества</a>
     <ul>
        <li><a href="http://forum.wolfsschanze.ru/t136-topic" class="docu">Кто мы такие и как стать одним из нас!!!</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t33-topic#479" class="docu">Связь с руководством</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t68-topic" class="docu">Атрибутика с символикой сообщества</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t91p30-topic#2260" class="docu">Обновленные рубрики на сайте</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t105-topic#1376" class="docu">Видео-реклама</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t104-topic" class="docu">Реформы в сообществе</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t80-topic#1049" class="docu">Касса сообщества</a></li>
     </ul>
 </li>
    <li><a href="">Для Общения</a>
     <ul>
        <li><a href="http://forum.wolfsschanze.ru/t2p280-topic#2246" class="docu">*БОЛТАЛКА*на любые темы</a></li>
        <li><a href="http://forum.wolfsschanze.ru/f19-forum" class="docu">Казарма</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t101-topic#1279" class="docu">Мы в реальной жизни[фото]</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t95-topic" class="docu">Да ну на,не ужели заговорил?</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t90p90-topic#2359" class="docu">Наш юмор</a></li>
     </ul>
 </li>
    <li><a href="http://forum.wolfsschanze.ru/f1-forum">Для личного состава</a>
     <ul>
        <li><a href="http://forum.wolfsschanze.ru/t103-topic" class="docu">Реформы в сообществе</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t107-topic" class="docu">Помощь в создании видеогайдов\стримов.</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t146-topic" class="docu">Реконструкция событий ВОВ!!!</a></li>
     </ul>
 </li>
    <li><a href="http://forum.wolfsschanze.ru/f23-forum">Боевая часть</a>
      <ul>
        <li><a href="http://forum.wolfsschanze.ru/t69p80-topic#2106" class="docu">Достижения!</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t65-topic" class="docu">Коллективная игра</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t27p100-topic#2036" class="docu">Поделитесь опытом</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t75p20-topic#2117" class="docu">Охота за головами</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t83-topic#1973" class="docu">Тактика врага</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t52-topic" class="docu">Что, где лежит</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t87-topic" class="docu">Играй и зарабатывай</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t131-topic#1747" class="docu">Внимание! Штрафбат!!</a></li>
     </ul>
 </li>
      <li><a href="">Гайды</a>
     <ul>
        <li><a href="http://forum.wolfsschanze.ru/t106-topic#1497" class="docu">Десантный</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t138-topic#1797" class="docu">Лётчики</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t93p10-topic#1959" class="docu">Видео гайды\обзоры</a></li>
     </ul>
 </li>
        <li><a href="">Присвоение наград</a>
     <ul>
        <li><a href="http://forum.wolfsschanze.ru/t88p160-topic#2393" class="docu">Подать рапорт</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t96p90-topic#2395" class="docu">история вручения</a></li>
        <li><a href="http://forum.wolfsschanze.ru/f22-forum" class="docu">[Обсуждение] Система наград</a></li>
     </ul>
 </li>
          <li><a href="">Конкурсы</a>
     <ul>
        <li><a href="http://forum.wolfsschanze.ru/t74-topic" class="docu">Основные положения</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t147-topic" class="docu">ВНИМАНИЕ!!!-2100 голды за девиз!!!"</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t72-topic" class="docu">Конкурс "Самый Полезный"</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t30-topic" class="docu">Конкурс "Для всех желающих"</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t110-topic" class="docu">Октоберфест от Wolfsschanze </a></li>
        <li><a href="http://forum.wolfsschanze.ru/t99-topic#1261" class="docu">Сообществу Wolfsschanze 1 год</a></li>
     </ul>
 </li>
          <li><a href="http://forum.wolfsschanze.ru/f4-forum">Исторический архив</a>
     <ul>
        <li><a href="http://forum.wolfsschanze.ru/f5-forum" class="docu">Видеоматериалы</a></li>
        <li><a href="http://forum.wolfsschanze.ru/f6-forum" class="docu">Письменные материалы</a></li>
        <li><a href="http://forum.wolfsschanze.ru/f8-forum" class="docu">Известные личности Второй Мировой</a></li>
     </ul>
 </li>
            <li><a href="">Тех.Помощь</a>
     <ul>
        <li><a href="http://forum.wolfsschanze.ru/t109-topic" class="docu">Приёмная по общим вопросам</a></li>
        <li><a href="http://forum.wolfsschanze.ru/f7-forum" class="docu">Опрос военнослужащих</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t126-topic" class="docu">Руководство по Регистрации</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t118-topic" class="docu">Как создать скриншот для Форума</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t40p10-topic" class="docu">Проблемы с игрой</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t120-topic" class="docu">Журнал работ</a></li>
     </ul>
</li>
</ul>
</div>

Это полный код, но вам думаю достаточно будет и одного пункта.
Часть кода:
      <li><a href="">Гайды</a>
     <ul>
        <li><a href="http://forum.wolfsschanze.ru/t106-topic#1497" class="docu">Десантный</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t138-topic#1797" class="docu">Лётчики</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t93p10-topic#1959" class="docu">Видео гайды\обзоры</a></li>
     </ul>
 </li>

Вот как его сделать так чтобы в этом подменю открывающемся сбоку вылетали еще подменю я не в курсе.
Там же каким-то кодом нада подогнать правее новое подменю, но как...я только могу спрашивать..



А вот это если я все скопировал правильно CSS данной панели навигации
Код:
/* начало настроек топ меню */

#top-menu #top-menu .menu,
#top-menu .menu ul,
#top-menu .menu li,
#top-menu .menu a {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}
/* линия меню - высота, цвет и фоновое изображение */

#top-menu .menu {  
  height: 40px;
  background: #474954 url(http://s019.radikal.ru/i610/1408/6b/eb398474b366.jpg) repeat;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 5px;
}

#top-menu .menu li {
  position: relative;
  list-style: none;
  float: left;
  display: block;
  height: 40px;
}

/* ссылки */

#top-menu .menu li a {
  display: block;
  padding: 0 14px;
  margin: 6px 0;
  line-height: 28px;
  text-decoration: none;  
  border-left: 1px solid #393942;
  border-right: 1px solid #4f5058;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #f3f3f3;  /* цвет ссылок меню */
  text-shadow: 1px 1px 1px rgba(0,0,0,.6);
  -webkit-transition: color .2s ease-in-out;
  -moz-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  -ms-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}

#top-menu .menu li:first-child a { border-left: none; }
#top-menu .menu li:last-child a{ border-right: none; }

/* цвет пунктов меню при наведении */
#top-menu .menu li:hover > a {
color: #991a1a;
}

/* подменю */

#top-menu .menu ul {
  position: absolute;
  top: 40px;
  left: 0;
  opacity: 0;  
  background: #1f2024; /* фон выпадающей панели */
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-transition: opacity .25s ease .1s;
  -moz-transition: opacity .25s ease .1s;
  -o-transition: opacity .25s ease .1s;
  -ms-transition: opacity .25s ease .1s;
  transition: opacity .25s ease .1s;
}

#top-menu .menu li:hover > ul { opacity: 1; }

#top-menu .menu ul li {
  height: 0;
  overflow: hidden;
  padding: 0;

  -webkit-transition: height .25s ease .1s;
  -moz-transition: height .25s ease .1s;
  -o-transition: height .25s ease .1s;
  -ms-transition: height .25s ease .1s;
  transition: height .25s ease .1s;
}

#top-menu .menu li:hover > ul li {
  height: 30px;
  overflow: visible;
  padding: 0;
}

#top-menu .menu ul li a {
  width: 300px;
  padding: 0px 0 0px 30px;
  margin: 0;

  border: none;
  border-bottom: 1px solid #353539;
}

#top-menu .menu ul li:last-child a { border: none; }

/* цвет ссылки Новое ЛС */

.nova {
 color: #5FC723 !important;
}

/* иконка подменю */

#top-menu .menu a.docu {
 background: url(http://i70.servimg.com/u/f70/17/37/83/89/arrow10.png) no-repeat 6px center;
}

.fa_ticker_content div > * {
z-index: 1 !important;  
}
#top-menu .menu > * {
z-index: 999 !important;  
}

/* конец настроек топ меню */


А что Вам мешает привязать подпункт к подпункту?
Вот Ваш кусок
Код:
    <li><a href="">Гайды</a>
    <ul>
        <li><a href="http://forum.wolfsschanze.ru/t106-topic#1497" class="docu">Десантный</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t138-topic#1797" class="docu">Лётчики</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t93p10-topic#1959" class="docu">Видео гайды\обзоры</a></li>
    </ul>
 </li>


А вот он же с привязкой подпункта к подпункту
Код:
    <li><a href="">Гайды</a>
    <ul>
        <li><a href="http://forum.wolfsschanze.ru/t106-topic#1497" class="docu">Десантный</a></li>
    <ul>
        <li><a href="/" class="docu">Штурмовой</a></li>
        <li><a href="/" class="docu">На чаек)</a></li>
        <li><a href="/" class="docu">Нежданьчиком</a></li>
    </ul>
        <li><a href="http://forum.wolfsschanze.ru/t138-topic#1797" class="docu">Лётчики</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t93p10-topic#1959" class="docu">Видео гайды\обзоры</a></li>
    </ul>
 </li>

Сергей Александрович
 

Мужчина

Сообщения : 612
Возраст : 50
Регистрация : 2014-11-03
Благодарности : 200

Без предупреждений

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Выпадающее подменю

Сообщение автор wolfsschanze в Вс 9 Ноя - 15:47

Adonai пишет:


А что Вам мешает привязать подпункт к подпункту?
Вот Ваш кусок
Код:
     <li><a href="">Гайды</a>
     <ul>
        <li><a href="http://forum.wolfsschanze.ru/t106-topic#1497" class="docu">Десантный</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t138-topic#1797" class="docu">Лётчики</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t93p10-topic#1959" class="docu">Видео гайды\обзоры</a></li>
     </ul>
 </li>


А вот он же с привязкой подпункта к подпункту
Код:
     <li><a href="">Гайды</a>
     <ul>
        <li><a href="http://forum.wolfsschanze.ru/t106-topic#1497" class="docu">Десантный</a></li>
    <ul>
        <li><a href="/" class="docu">Штурмовой</a></li>
        <li><a href="/" class="docu">На чаек)</a></li>
        <li><a href="/" class="docu">Нежданьчиком</a></li>
     </ul>
        <li><a href="http://forum.wolfsschanze.ru/t138-topic#1797" class="docu">Лётчики</a></li>
        <li><a href="http://forum.wolfsschanze.ru/t93p10-topic#1959" class="docu">Видео гайды\обзоры</a></li>
     </ul>
 </li>

Не работает потому что.
Вот этот кусок не видно:
кусок:
 <li><a href="/" class="docu">Штурмовой</a></li>
       <li><a href="/" class="docu">На чаек)</a></li>
       <li><a href="/" class="docu">Нежданьчиком</a></li>

Тут мало того чтобы привязать допустим, нужно ж чтоб он выпадал правее, и без CSS тут как я понимаю некак.

wolfsschanze
 

Мужчина

Сообщения : 43
Возраст : 29
Регистрация : 2013-09-21
Благодарности : 0

Без предупреждений

http://forum.wolfsschanze.ru/

Вернуться к началу Перейти вниз

Re: Выпадающее подменю

Сообщение автор Сергей Александрович в Вс 9 Ноя - 16:08

@wolfsschanze пишет:

Не работает потому что.
Вот этот кусок не видно:
кусок:
 <li><a href="/" class="docu">Штурмовой</a></li>
       <li><a href="/" class="docu">На чаек)</a></li>
       <li><a href="/" class="docu">Нежданьчиком</a></li>

Тут мало того чтобы привязать допустим, нужно ж чтоб он выпадал правее, и без CSS тут как я понимаю некак.

В css надо добавить
Код:
#sub-menu .menu ul {
  position: absolute;
  top: 40px;
  left: 0;
  opacity: 0; 
  background: #1f2024; /* фон выпадающей панели */
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-transition: opacity .25s ease .1s;
  -moz-transition: opacity .25s ease .1s;
  -o-transition: opacity .25s ease .1s;
  -ms-transition: opacity .25s ease .1s;
  transition: opacity .25s ease .1s;
}

#sub-menu .menu li:hover > ul { opacity: 1; }

#sub-menu .menu ul li {
  height: 0;
  overflow: hidden;
  padding: 0;

  -webkit-transition: height .25s ease .1s;
  -moz-transition: height .25s ease .1s;
  -o-transition: height .25s ease .1s;
  -ms-transition: height .25s ease .1s;
  transition: height .25s ease .1s;
}

#sub-menu .menu li:hover > ul li {
  height: 30px;
  overflow: visible;
  padding: 0;
}

#sub-menu .menu ul li a {
  width: 300px;
  padding: 0px 0 0px 30px;
  margin: 0;

  border: none;
  border-bottom: 1px solid #353539;
}

#sub-menu .menu ul li:last-child a { border: none; }

/* цвет ссылки Новое ЛС */

.nova {
 color: #5FC723 !important;
}

/* иконка подменю */

#sub-menu .menu a.docu {
 background: url(http://i70.servimg.com/u/f70/17/37/83/89/arrow10.png) no-repeat 6px center;
}

.fa_ticker_content div > * {
z-index: 1 !important; 
}
#sub-menu .menu > * {
z-index: 999 !important; 
}

Ну и применить стиль
Код:
<li><a href="/" class="sub">Штурмовой</a></li>
      <li><a href="/" class="sub">На чаек)</a></li>
      <li><a href="/" class="sub">Нежданьчиком</a></li>

Сергей Александрович
 

Мужчина

Сообщения : 612
Возраст : 50
Регистрация : 2014-11-03
Благодарности : 200

Без предупреждений

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Выпадающее подменю

Сообщение автор wolfsschanze в Вс 9 Ноя - 16:38

Adonai пишет:

В css надо добавить
Код:
#sub-menu .menu ul {
  position: absolute;
  top: 40px;
  left: 0;
  opacity: 0;  
  background: #1f2024; /* фон выпадающей панели */
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-transition: opacity .25s ease .1s;
  -moz-transition: opacity .25s ease .1s;
  -o-transition: opacity .25s ease .1s;
  -ms-transition: opacity .25s ease .1s;
  transition: opacity .25s ease .1s;
}

#sub-menu .menu li:hover > ul { opacity: 1; }

#sub-menu .menu ul li {
  height: 0;
  overflow: hidden;
  padding: 0;

  -webkit-transition: height .25s ease .1s;
  -moz-transition: height .25s ease .1s;
  -o-transition: height .25s ease .1s;
  -ms-transition: height .25s ease .1s;
  transition: height .25s ease .1s;
}

#sub-menu .menu li:hover > ul li {
  height: 30px;
  overflow: visible;
  padding: 0;
}

#sub-menu .menu ul li a {
  width: 300px;
  padding: 0px 0 0px 30px;
  margin: 0;

  border: none;
  border-bottom: 1px solid #353539;
}

#sub-menu .menu ul li:last-child a { border: none; }

/* цвет ссылки Новое ЛС */

.nova {
 color: #5FC723 !important;
}

/* иконка подменю */

#sub-menu .menu a.docu {
 background: url(http://i70.servimg.com/u/f70/17/37/83/89/arrow10.png) no-repeat 6px center;
}

.fa_ticker_content div > * {
z-index: 1 !important;  
}
#sub-menu .menu > * {
z-index: 999 !important;  
}

Ну и применить стиль
Код:
<li><a href="/" class="sub">Штурмовой</a></li>
       <li><a href="/" class="sub">На чаек)</a></li>
       <li><a href="/" class="sub">Нежданьчиком</a></li>

Вы знаете, побывал по разному, и свой удалял ставил ваш, и со своим,
у меня не хватает в этом навыков чтобы все привести к нужному месту....

Вот вы можно сказать решили вопрос, но не один сотрудник данного проекта даже подобное не предложил за почти 2 недели.
А тут всегото я так понимаю делов на пару минут...

В общем у меня нечего не сходится с кодами...

wolfsschanze
 

Мужчина

Сообщения : 43
Возраст : 29
Регистрация : 2013-09-21
Благодарности : 0

Без предупреждений

http://forum.wolfsschanze.ru/

Вернуться к началу Перейти вниз

Re: Выпадающее подменю

Сообщение автор Сергей Александрович в Вс 9 Ноя - 16:59

@wolfsschanze пишет:

Вы знаете, побывал по разному, и свой удалял ставил ваш, и со своим,
у меня не хватает в этом навыков чтобы все привести к нужному месту....

Вот вы можно сказать решили вопрос, но не один сотрудник данного проекта даже подобное не предложил за почти 2 недели.
А тут всегото я так понимаю делов на пару минут...

В общем у меня нечего не сходится с кодами...

Я не силен в программировании, и что могу придумать то подсказал.

Сергей Александрович
 

Мужчина

Сообщения : 612
Возраст : 50
Регистрация : 2014-11-03
Благодарности : 200

Без предупреждений

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Выпадающее подменю

Сообщение автор Сергей Александрович в Вс 9 Ноя - 17:23

@wolfsschanze пишет:

Вы знаете, побывал по разному, и свой удалял ставил ваш, и со своим,
у меня не хватает в этом навыков чтобы все привести к нужному месту....

Вот вы можно сказать решили вопрос, но не один сотрудник данного проекта даже подобное не предложил за почти 2 недели.
А тут всегото я так понимаю делов на пару минут...

В общем у меня нечего не сходится с кодами...

Я с Вашего позволения еще посмотрю методы, и если что-то найду достойное то отпишусь.

Сергей Александрович
 

Мужчина

Сообщения : 612
Возраст : 50
Регистрация : 2014-11-03
Благодарности : 200

Без предупреждений

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Выпадающее подменю

Сообщение автор wolfsschanze в Вс 9 Ноя - 17:38

Adonai пишет:

Я с Вашего позволения еще посмотрю методы, и если что-то найду достойное то отпишусь.

Очень вам благодарен за вашу инициативу помочь.
Но если не выходет вы нетратьте время попусту свое,
оставим эту работу команде 2x2forum.

wolfsschanze
 

Мужчина

Сообщения : 43
Возраст : 29
Регистрация : 2013-09-21
Благодарности : 0

Без предупреждений

http://forum.wolfsschanze.ru/

Вернуться к началу Перейти вниз

Re: Выпадающее подменю

Сообщение автор Сергей Александрович в Вс 9 Ноя - 19:50

@wolfsschanze пишет:

Очень вам благодарен за вашу инициативу помочь.
Но если не выходет вы нетратьте время попусту свое,
оставим эту работу команде 2x2forum.

Нашел вот такую менюшку с подпунктами. Там и css и сам html код. Ну и судя по всему можно по принципу той менюшки сделать Вашу.

Сергей Александрович
 

Мужчина

Сообщения : 612
Возраст : 50
Регистрация : 2014-11-03
Благодарности : 200

Без предупреждений

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Выпадающее подменю

Сообщение автор wolfsschanze в Вс 9 Ноя - 21:57

Adonai пишет:

Нашел вот такую менюшку с подпунктами. Там и css и сам html код. Ну и судя по всему можно по принципу той менюшки сделать Вашу.


ммм..Вот вы Шерлок Хомс)..найдете этак то что искали)

Вот смотрю вроде это то что надо, но,
это мне надобудет подстраивать внешне его к нынешнему,
и еще, вот щас небуду пробывать, это время займет,
но предпологаю что маленький шанс есть на то что он PBB2 невоспримется,
но может и нет, я не профи, но уж из готового и по туториалам и уже нажитому опыту смогу кое-что разобрать..

wolfsschanze
 

Мужчина

Сообщения : 43
Возраст : 29
Регистрация : 2013-09-21
Благодарности : 0

Без предупреждений

http://forum.wolfsschanze.ru/

Вернуться к началу Перейти вниз

Re: Выпадающее подменю

Сообщение автор Сергей Александрович в Пн 10 Ноя - 12:31

@wolfsschanze пишет:


ммм..Вот вы Шерлок Хомс)..найдете этак то что искали)

Вот смотрю вроде это то что надо, но,
это мне надобудет подстраивать внешне его к нынешнему,
и еще, вот щас небуду пробывать, это время займет,
но предпологаю что маленький шанс есть на то что он PBB2 невоспримется,
но может и нет, я не профи, но уж из готового и по туториалам и уже нажитому опыту смогу кое-что разобрать..

Я на своем тестовике bb2 тоже попробую вечером как с работы приду. Если получиться расскажу как сделать.

Сергей Александрович
 

Мужчина

Сообщения : 612
Возраст : 50
Регистрация : 2014-11-03
Благодарности : 200

Без предупреждений

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Выпадающее подменю

Сообщение автор Сергей Александрович в Пн 10 Ноя - 13:51

@wolfsschanze пишет:


ммм..Вот вы Шерлок Хомс)..найдете этак то что искали)

Вот смотрю вроде это то что надо, но,
это мне надобудет подстраивать внешне его к нынешнему,
и еще, вот щас небуду пробывать, это время займет,
но предпологаю что маленький шанс есть на то что он PBB2 невоспримется,
но может и нет, я не профи, но уж из готового и по туториалам и уже нажитому опыту смогу кое-что разобрать..

Я попробовал поставить на тестовый bb2 ту менюшку. Вроде получилось. Остается лишь в css заменить картинки.

Если интересует, то делал я следующим образом.
ПА -> Оформление -> Шаблон "index_body"
После строки
Код:
<!-- END message_admin_index -->


Вставляем вот это:
Код:
<span class="preload1"></span>
<span class="preload2"></span>

<ul id="nav">
   <li class="top"><a href="#nogo1" class="top_link"><span>Главная</span></a></li>
   <li class="top"><a href="#nogo2" id="products" class="top_link"><span class="down">Вторая</span></a>
      <ul class="sub">
         <li><a href="#nogo3" class="fly">2.1</a>
               <ul>
                  <li><a href="#nogo4">2.1.1</a></li>
                  <li><a href="#nogo5">2.1.2</a></li>
                  <li><a href="#nogo6">2.1.3</a></li>
               </ul>
         </li>
         <li class="mid"><a href="#nogo7" class="fly">2.2</a>
               <ul>
                  <li><a href="#nogo8">2.2.1</a></li>
                  <li><a href="#nogo9">2.2.2</a></li>
                  <li><a href="#nogo10">2.2.3</a></li>
                  <li><a href="#nogo11" class="fly">2.2.4</a>
                     <ul>
                        <li><a href="#nogo12">2.2.4.1</a></li>
                        <li><a href="#nogo13">2.2.4.2</a></li>
                        <li><a href="#nogo14">2.2.4.3</a></li>
                     </ul>
                  </li>
                  <li><a href="#nogo15">2.3</a></li>
                  <li><a href="#nogo16" class="fly">2.4</a>
                     <ul>
                        <li><a href="#nogo17">2.4.1</a></li>
                        <li><a href="#nogo18">2.4.2</a></li>
                     </ul>
                  </li>
               </ul>
                        </li>
                        </ul>
                 </li>
</ul>

Так как у нас идет bb2 то после окончания этого кода будет строка


Код:
<!-- BEGIN switch_user_login_form_header -->


Соответственно сохраняем и опубликовываем. Дальше идем в следующий раздел.
ПА -> Оформление -> Цвета -> Каскадная таблица стилей -> Если таблица выведена то в самый низ, если нет то ставим смело вот это:


Код:

/***Начало стилей меню с подпунктами в подпунктах***/
.preload1 {background: url(http://imgs.su/users/26146/1415616065.jpg);}
.preload2 {background: url(http://imgs.su/users/26146/1415616497.jpg);}
#nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(http://imgs.su/users/26146/1415615945.jpg) repeat-x; position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(http://imgs.su/users/26146/1415616458.jpg);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(http://imgs.su/users/26146/1415615945.jpg) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(http://imgs.su/users/26146/1415616065.jpg) no-repeat right top;}
#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#fff; background: url(http://imgs.su/users/26146/1415616177.jpg) no-repeat;}
#nav li:hover a.top_link span,
#nav a.top_link:hover span
{background:url(http://imgs.su/users/26146/1415616177.jpg) no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:url(http://imgs.su/users/26146/1415616497.jpg) no-repeat right top; padding-bottom:3px;}
#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:1px; top:38px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #50b5d0;}
#nav li ul.sub li a.fly
{background:#50b5d0 url(http://imgs.su/users/26146/1415615735.jpg) 80px 6px no-repeat;}
#nav :hover ul.sub li a:hover
{background:#3f96a9; color:#fff; border-color:#fff;}
#nav :hover ul.sub li a.fly:hover
{background:#3f96a9 url(http://imgs.su/users/26146/1415615819.jpg) 80px 6px no-repeat; color:#fff;}
#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul,
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul
{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav li:hover > ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly
{background:#3f96a9 url(http://imgs.su/users/26146/1415615819.jpg) 80px 6px no-repeat; color:#fff; border-color:#fff;}
#nav li:hover li:hover > li a.fly
{background:#50b5d0 url(http://imgs.su/users/26146/1415615735.jpg) 80px 6px no-repeat; color:#000; border-color:#50b5d0;}
/***Конец стилей меню с подпунктами в подпунктах***/



Ну и соответственно сохраняем. Дальше дело вкуса и меняем ссылки на картинки под свой дизайн. Надеюсь, что помог. Удачи в оформлении форума.

Сергей Александрович
 

Мужчина

Сообщения : 612
Возраст : 50
Регистрация : 2014-11-03
Благодарности : 200

Без предупреждений

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Выпадающее подменю

Сообщение автор wolfsschanze в Чт 13 Ноя - 8:33

Adonai пишет:

Я попробовал поставить на тестовый bb2 ту менюшку. Вроде получилось. Остается лишь в css заменить картинки.

Ну и соответственно сохраняем. Дальше дело вкуса и меняем ссылки на картинки под свой дизайн. Надеюсь, что помог. Удачи в оформлении форума.

  Огромная благодарность тебе Adonai. Всё пошло, работает, естественно конечно приходилось мудрить с CSS, с чем вполне справился.
Я немного пока разберался записывал что на что влияет, не стопроцентный вариант скину, потом может кто его дозавершит, так как очень, очень полезная тема.
Что почем в коде для быстрой навигационной панели форума:

Код:
/* ========================================================================================================== */

/***Начало стилей меню с подпунктами в подпунктах***/
.preload1 {background: url(http://s019.radikal.ru/i610/1408/6b/eb398474b366.jpg);}
.preload2 {background: url(http://s019.radikal.ru/i610/1408/6b/eb398474b366.jpg);}
#nav {padding:0; margin:0; list-style:none; height:38px; background:#1a1a1a url(http://s019.radikal.ru/i610/1408/6b/eb398474b366.jpg) repeat-x; position:relative; z-index:200; font-family:arial, verdana, sans-serif;} /***Цвет полосы***/
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#B0B0B0; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url();} /***Цвет текста Главной панели***/
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url() right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url() no-repeat right top;}
#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#6E6E70; background: url() no-repeat;} /***Цвет текста Главной панели при наведении***/
#nav li:hover a.top_link span,
#nav a.top_link:hover span
{background:url() no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:url() no-repeat right top; padding-bottom:3px;}
#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:1px; top:38px; background: #1a1a1a; padding:3px; border:1px solid #1a1a1a; white-space:nowrap; width:205px; height:auto; z-index:300;} /***Граничущая двух-цветная рамка вокруг подменю***/
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:212px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:11px; height:18px; width:205px; line-height:18px; text-indent:5px; color:#ffffff; text-decoration:none;border:1px solid #1a1a1a;} /***Размер шрифта,Ширина,Высота подменю***/ /***Цвет текста и Рамка вокруг него***/
#nav li ul.sub li a.fly
{background:#1a1a1a url(http://imgs.su/users/26146/1415615735.jpg) 200px 6px no-repeat;} /***Фон за текстом в подменю***/ /***Дальность стрелки подменю***/
#nav :hover ul.sub li a:hover
{background:#1a1a1a; color:#ffffff; border-color:#7C7360;} /***Цвет Рамки подменю при наведении***/
#nav :hover ul.sub li a.fly:hover
{background:#1a1a1a url(http://imgs.su/users/26146/1415615819.jpg) 200px 6px no-repeat; color:#ffffff;} /***Дальность стрелки подменю при наведении***/ /***Фон и Цвет текста Подменю при наведении***/
#nav li b {display:block; font-size:11px; height:18px; width:212px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#FF0000; border-bottom:1px solid #FF0000; cursor:default;} /***Нет изменений***/

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:200px; top:-4px; background: #FF0000; padding:3px; border:1px solid #FF0000; white-space:nowrap; width:205px; z-index:400; height:auto;} /***Нет изменений***/

#nav ul,
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul
{left:209px; top:-4px; background: #1a1a1a; padding:3px; border:1px solid #1a1a1a; white-space:nowrap; width:200px; z-index:400; height:auto;} /***Сдвиг под-под меню, цвет фона текста***/
#nav li:hover > ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly
{background:##7C7360 url(http://imgs.su/users/26146/1415615819.jpg) 212px 6px no-repeat; color:#7C7360; border-color:#7C7360;} /***Рамка в подменю при наведении***/
#nav li:hover li:hover > li a.fly
{background:#FF0000 url(http://imgs.su/users/26146/1415615735.jpg) 212px 6px no-repeat; color:#ffffff; border-color:#FF0000;} /***Нет изменений***/
/***Конец стилей меню с подпунктами в подпунктах***/

22 13

wolfsschanze
 

Мужчина

Сообщения : 43
Возраст : 29
Регистрация : 2013-09-21
Благодарности : 0

Без предупреждений

http://forum.wolfsschanze.ru/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения