Дополнительное меню для сайта

[Len]

Пользователь Len разместил новый ресурс:

Дополнительное меню для сайта - Дополнительное меню для сайта xenForo

Может кому интересно такое меню как у меня на форуме)
Посмотреть вложение 44006
Код можно вставить через [bd] Widget Framework или сразу в шаблон forum_list

<style>
#nav6, #nav6 li {
  margin: 0;
  padding: 0;
}
#nav6 {
  display: table;
  width: 100%;
  background: rgb(46,95,122);
}
#nav6 li {
  display: table-cell;
}
#nav6 a {
  display: block;
  padding: 3px 0;
  color: #fff;
  text-align: center;
  text-decoration:...

Узнать больше об этом ресурсе...

 

[elisovs]

Len, подскажите а как сделать выпадающее меню к примеру ссылка1 еще три ссылки ?

 

[Skaiman]

Собственные страницы (подробно)

 

[Hope]

Skaiman, ты что-то сегодня промахиваешься. ))
Человеку нужно, чтобы при нажатии на ссылку в меню появлялось подменю с несколькими пунктами.

 

[elisovs]

Skaiman, да этот вариант я знаю...
просто хотелось бы с этим вариантом сделать выпадающий список, очень удобно что можно использовать Widget Framework

 

[Skaiman]

очень удобно что можно использовать Widget Framework

Честно сказать Widget Framework, спорный вопрос :) все можно делать без него, а в некоторых случаях он и мешает. Есть вариант еще [SVG] Горизонтальное меню

 

[elisovs]

Skaiman, вы мне предложили кучу вариантов спасибо конечно но мне всего то нужно использовать этот вариант с выпадающим списком :( а как сделать его выпадающим я не знаю

 

[Exile]

elisovs, Custom Tabs - тут можно вложенное делать.

 

[Len]

elisovs,

<style>
#nav7, #nav7 ul, #nav7 li {
  margin: 0;
  padding: 0;
}
#nav7, #nav7 ul {
  background: rgb(46,95,122);
}
#nav7 { /* подменю перемещается относительно меню */
  position: relative;
  display: table;
  width: 100%;
}
#nav7 ul { /* подменю находится вне потока */
  position: absolute;
  z-index: 5;
  display: none;
}
#nav7 li:hover ul { /* подменю будет показано, если курсор наведён на пункт меню с выпадающем списком */
  display: block;
}
#nav7 li {
  display: table-cell;
  text-align: center;
}
#nav7 ul li {
  display: block;
  text-align: left;
}
#nav7 .right { /* последнее подменю будет расширяться справа налево */
  direction: rtl;
}
#nav7 .right ul { /* для IE, решение найдено случайно, где связь ??? */
  right: 0;
}
#nav7 .right li { /* последнее подменю будет расширяться справа налево, но не пункты последнего подменю */
  direction: ltr;
}
#nav7 a {
  display: block;
  padding: 3px 0;
  color: #fff;
  text-decoration: none;
}
#nav7 ul a {
  padding: 3px 15px;
}
#nav7 li:hover {
  background: rgb(96,145,172);
}
</style>
<ul id="nav7">
  <li><a href="#1">Пункт 1</a>
  <li><a href="#2">Пункт 2</a>
      <ul>
        <li><a href="#2-1">Подменю 1</a>
        <li><a href="#2-2">Подменю 2</a>
        <li><a href="#2-3">Подменю 3</a>
        <li><a href="#2-4">Подменю 4</a>
      </ul>
  <li><a href="#3">Пункт 3</a>
      <ul>
        <li><a href="#3-1">Подменю 1</a>
        <li><a href="#3-2">Подменю 2</a>
      </ul>
  <li class="right"><a href="#4">Пункт 4</a>
      <ul>
        <li><a href="#4-1">Подменю 1</a>
        <li><a href="#4-2">Подменю 2</a>
        <li><a href="#4-3">Подменю 3</a>
      </ul>
</ul>

 

[elisovs]

Спасибо добрый человек, то что мне нужно

 

[Asmodeus]

Здравствуйте,а можно их сделать раздельными? Если да то как?

 

[Mirovinger]

Можно, не много магии css.

 

[Asmodeus]

Можно, не много магии css.

Если бы я только знал как эту магию сделать и куда её вставить)