Техническая поддержка сервиса Quadro.Boards

Объявление

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Скрипт меню

Сообщений 1 страница 6 из 6

1

А есть скрипт вертикального меню с всплывающими окнами как на сайтах вот один например http://nancydrew.ucoz.com/

0

2

ответите?

0

3

настька написал(а):

А есть скрипт вертикального меню с всплывающими окнами как на сайтах вот один например http://nancydrew.ucoz.com/

гы... а это был вопрос? я-то подумала, что вы просто хвастаетесь  :D

вот вам скрипт:

само меню:

<ul id=navmenu-v>
<li><a href="ссылка">пункт 1</a>
        <ul>
          <li><a href="ссылка">подпункт 1.1</a></li>
          <li><a href="ссылка">подпункт 1.2</a>
                   <ul>
                     <li><a href="ссылка">подпункт 1.1.1</a></li>
                     <li><a href="ссылка">подпункт 1.1.2</a></li>
                     <li><a href="ссылка">подпункт 1.1.3</a></li>
                   </ul>
          </li>
          <li><a href="ссылка">подпункт 1.3</a></li>
        </ul>
</li>
<li><a href="ссылка">пункт 2</a></li>
<li><a href="ссылка">пункт 3</a></li>
</ul>

Код:
<style>
ul#navmenu-v,
ul#navmenu-v li,
ul#navmenu-v ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
}

ul#navmenu-v:after {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

ul#navmenu-v li {
float: left;
display: block !important;
position: relative;
z-index: 100;
}


ul#navmenu-v a {
border: 1px solid #FFF;
border-right-color: #8e8e8e;
border-bottom-color: #8e8e8e;
padding: 0 6px;
display: block;
background: #ffffff;
color: #666;
font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height: auto !important;
}


ul#navmenu-v a:hover,
ul#navmenu-v li:hover a,
ul#navmenu-v li.iehover a {
background: #b5b7b3;
color: #FFF;
}


ul#navmenu-v li:hover li a,
ul#navmenu-v li.iehover li a {
background: #b5b7b3;
color: #5f5f5f;
}


ul#navmenu-v li:hover li a:hover,
ul#navmenu-v li:hover li:hover a,
ul#navmenu-v li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover a {
background: #b5b7b3;
color: #FFF;
}


ul#navmenu-v li:hover li:hover li a,
ul#navmenu-v li.iehover li.iehover li a {
background: #b5b7b3;
color: #5f5f5f;
}


ul#navmenu-v li:hover li:hover li a:hover,
ul#navmenu-v li:hover li:hover li:hover a,
ul#navmenu-v li.iehover li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover a {
background: #b5b7b3;
color: #FFF;
}


ul#navmenu-v li:hover li:hover li:hover li a,
ul#navmenu-v li.iehover li.iehover li.iehover li a {
background: #b5b7b3;
color: #5f5f5f;
}


ul#navmenu-v li:hover li:hover li:hover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
background: #b5b7b3;
color: #FFF;
}

ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
}


ul#navmenu-v li:hover ul ul,
ul#navmenu-v li:hover ul ul ul,
ul#navmenu-v li.iehover ul ul,
ul#navmenu-v li.iehover ul ul ul {
display: none;
}

ul#navmenu-v li:hover ul,
ul#navmenu-v ul li:hover ul,
ul#navmenu-v ul ul li:hover ul,
ul#navmenu-v li.iehover ul,
ul#navmenu-v ul li.iehover ul,
ul#navmenu-v ul ul li.iehover ul {
display: block;
}
</style>

Отредактировано Герда (27.06.2011 02:57:40)

0

4

Герда
спасибо)

0

5

Герда Или кто есть из знающих!

Будьте добры !

Подскажите как правильно установить на форуме это "МЕНЮ" ?

Куда устанавливать скрипт?
И куда код?

Спасибо!

0

6

Этот код туда, где хотите видеть меню:

<li><a href="ссылка">пункт 1</a>
        <ul>
          <li><a href="ссылка">подпункт 1.1</a></li>
          <li><a href="ссылка">подпункт 1.2</a>
                   <ul>
                     <li><a href="ссылка">подпункт 1.1.1</a></li>
                     <li><a href="ссылка">подпункт 1.1.2</a></li>
                     <li><a href="ссылка">подпункт 1.1.3</a></li>
                   </ul>
          </li>
          <li><a href="ссылка">подпункт 1.3</a></li>
        </ul>
</li>
<li><a href="ссылка">пункт 2</a></li>
<li><a href="ссылка">пункт 3</a></li>
</ul>

Этот в хтмл-верх:

<style>
ul#navmenu-v,
ul#navmenu-v li,
ul#navmenu-v ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
}

ul#navmenu-v:after {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

ul#navmenu-v li {
float: left;
display: block !important;
position: relative;
z-index: 100;
}

ul#navmenu-v a {
border: 1px solid #FFF;
border-right-color: #8e8e8e;
border-bottom-color: #8e8e8e;
padding: 0 6px;
display: block;
background: #ffffff;
color: #666;
font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height: auto !important;
}

ul#navmenu-v a:hover,
ul#navmenu-v li:hover a,
ul#navmenu-v li.iehover a {
background: #b5b7b3;
color: #FFF;
}

ul#navmenu-v li:hover li a,
ul#navmenu-v li.iehover li a {
background: #b5b7b3;
color: #5f5f5f;
}

ul#navmenu-v li:hover li a:hover,
ul#navmenu-v li:hover li:hover a,
ul#navmenu-v li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover a {
background: #b5b7b3;
color: #FFF;
}

ul#navmenu-v li:hover li:hover li a,
ul#navmenu-v li.iehover li.iehover li a {
background: #b5b7b3;
color: #5f5f5f;
}

ul#navmenu-v li:hover li:hover li a:hover,
ul#navmenu-v li:hover li:hover li:hover a,
ul#navmenu-v li.iehover li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover a {
background: #b5b7b3;
color: #FFF;
}

ul#navmenu-v li:hover li:hover li:hover li a,
ul#navmenu-v li.iehover li.iehover li.iehover li a {
background: #b5b7b3;
color: #5f5f5f;
}

ul#navmenu-v li:hover li:hover li:hover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
background: #b5b7b3;
color: #FFF;
}

ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
}

ul#navmenu-v li:hover ul ul,
ul#navmenu-v li:hover ul ul ul,
ul#navmenu-v li.iehover ul ul,
ul#navmenu-v li.iehover ul ul ul {
display: none;
}

ul#navmenu-v li:hover ul,
ul#navmenu-v ul li:hover ul,
ul#navmenu-v ul ul li:hover ul,
ul#navmenu-v li.iehover ul,
ul#navmenu-v ul li.iehover ul,
ul#navmenu-v ul ul li.iehover ul {
display: block;
}
</style>

+1



Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC