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

Объявление

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

О форуме

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

Полезные ссылки

Каталог: Cкрипты Передача прав Каталог: Оформление Перенос Баллов FAQ: Дизайн/Css Свой
домен FAQ:
CSS-коды Откат форумов Раскрутка форума Платные услуги

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

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

Скрипт меню

Страница: 1
Тема закрыта

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

1

  • Автор: настька
  • настька
  • Зарегистрирован: 23.06.2010
  • Сообщений: 172
  • Уважение: 0
  • Позитив: +5
  • Провел на форуме:
    2 дня 10 часов
  • Последний визит:
    01.04.2013 15:56:09

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

0

2

  • Автор: настька
  • настька
  • Зарегистрирован: 23.06.2010
  • Сообщений: 172
  • Уважение: 0
  • Позитив: +5
  • Провел на форуме:
    2 дня 10 часов
  • Последний визит:
    01.04.2013 15:56:09

ответите?

0

3

  • Автор: Герда
  • Герда
  • Откуда: Москва
  • Зарегистрирован: 30.06.2010
  • Сообщений: 759
  • Уважение: +198
  • Позитив: +61
  • Пол: Женский
  • Возраст: 34 [1990-05-17]
  • Провел на форуме:
    9 дней 1 час
  • Последний визит:
    23.06.2024 19:32:22
настька написал(а):

А есть скрипт вертикального меню с всплывающими окнами как на сайтах вот один например 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

  • Автор: настька
  • настька
  • Зарегистрирован: 23.06.2010
  • Сообщений: 172
  • Уважение: 0
  • Позитив: +5
  • Провел на форуме:
    2 дня 10 часов
  • Последний визит:
    01.04.2013 15:56:09

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

0

5

  • Автор: Магистра
  • Магистра
  • Зарегистрирован: 28.04.2011
  • Сообщений: 17
  • Уважение: 0
  • Позитив: +2
  • Провел на форуме:
    8 часов 57 минут
  • Последний визит:
    12.07.2011 19:23:32

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

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

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

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

Спасибо!

0

6

  • Автор: Laktonika
  • Laktonika
  • Зарегистрирован: 15.10.2010
  • Сообщений: 415
  • Уважение: +50
  • Позитив: +141
  • Провел на форуме:
    14 дней 13 часов
  • Последний визит:
    Вчера 20:18:18

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

<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

Тема закрыта
Страница: 1

Рейтинг форумов | Создать форум бесплатно