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

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


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

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

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


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

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

Как сделать такое меню?

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

Решено Как сделать такое меню?

Сообщение автор Narutoinfo в Сб 13 Сен - 20:10

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

НЕ подскажите как сделать уж больно хочется 21

Narutoinfo
 

Сообщения : 67
Регистрация : 2008-07-28
Благодарности : 0

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

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

Решено Re: Как сделать такое меню?

Сообщение автор Sunnyta в Сб 13 Сен - 20:19

Я немного ранее тоже спрашивала про такой вариант раскрывающегося меню, но видать:
- или очень сожный
- или нихто не знает
- или .... read
avatar
Sunnyta
 

Сообщения : 1579
Регистрация : 2008-03-20
Благодарности : 63

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

http://www.sun-place.com/

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

Решено Re: Как сделать такое меню?

Сообщение автор Sunnyta в Чт 18 Сен - 19:21

@Narutoinfo пишет:У меня на сайте очень много разделов и они так тупо смотреться, а на днях вот увидел такое меню

НЕ подскажите как сделать уж больно хочется 21
А ты как хотел, чтобы кликнуть по пункту и он раскрывался или так и был раскрытым? Второй вариант несложный ... wink
avatar
Sunnyta
 

Сообщения : 1579
Регистрация : 2008-03-20
Благодарности : 63

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

http://www.sun-place.com/

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

Решено Re: Как сделать такое меню?

Сообщение автор Narutoinfo в Чт 18 Сен - 22:40

Нет что бы кликали и оно раскрывалось

Narutoinfo
 

Сообщения : 67
Регистрация : 2008-07-28
Благодарности : 0

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

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

Решено Re: Как сделать такое меню?

Сообщение автор Sunnyta в Пт 19 Сен - 0:17

@Narutoinfo пишет:Нет что бы кликали и оно раскрывалось
Это сложнее... я нашла много скриптов, подставляла их в Модуль - но возможно, что я что-то не так делала... т.к. образца готового не было где посмотреть и исправиться... unknown
avatar
Sunnyta
 

Сообщения : 1579
Регистрация : 2008-03-20
Благодарности : 63

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

http://www.sun-place.com/

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

Решено Re: Как сделать такое меню?

Сообщение автор Narutoinfo в Сб 20 Сен - 11:29

Я нашел скрипт с меню но там 3 скрипта один CSS Java и Html ия незнаю куда их пихать Java и CSS
http://perkoka.ru/article/110/820.html

Narutoinfo
 

Сообщения : 67
Регистрация : 2008-07-28
Благодарности : 0

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

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

Решено Re: Как сделать такое меню?

Сообщение автор Sunnyta в Сб 20 Сен - 16:02

Я нашла то, что мне надо ... но как его поправить чтоб работал в Модуле? На чистой страничке работает... но видать что-то табличное мешает и что-то с размерами... Кто знает - подскажите что нужно убрать? На первый взгляд - это простейшее...

Код:
<body >

<table width="716"><tr><td bgcolor="#9999CC" width="240">

      <table><tr><td width="240">
 
 <script language=JavaScript>
 function clickHandler()
 {
    var targetId, srcElement, targetElement;
    srcElement = window.event.srcElement; 
    if (srcElement.className == "Outline")
    {
        targetId = srcElement.id + "details";   
        targetElement = document.all(targetId);   
        if (targetElement.style.display == "none")
        {
            targetElement.style.display = "";   
        }
        else
        {
          targetElement.style.display = "none";
        }
    }
 }
 document.onclick = clickHandler;
</script>



                        <!-- НАЧАЛО СПИСКА РАЗДЕЛОВ САЙТА -->
                        <b id=Out2 class=Outline style="cursor: hand;">Меню из 2 подменюшек</b><br>
                       
                          <div id=Out2details style="display:None; position:relative; left:12;">
              <a href="help.htm">1 подменюшка</a><br>
              <a href="help2.htm">2 подменюшка</a><br>
            </div></td></tr></table>
        </td>
        <td>
        <table width="100%"></tr></table>
        </td></tr></table>
</body>
flag
avatar
Sunnyta
 

Сообщения : 1579
Регистрация : 2008-03-20
Благодарности : 63

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

http://www.sun-place.com/

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

Решено Re: Как сделать такое меню?

Сообщение автор Sunnyta в Сб 20 Сен - 16:03

@Lesia пишет:Я немного ранее тоже спрашивала про такой вариант раскрывающегося меню, но видать:
- или очень сложный
- или нихто не знает
- или .... read
avatar
Sunnyta
 

Сообщения : 1579
Регистрация : 2008-03-20
Благодарности : 63

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

http://www.sun-place.com/

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

Решено Re: Как сделать такое меню?

Сообщение автор Ринкате в Вт 1 Июн - 18:02

Я когда работал на других конструкторов, нашёл такие раздвижные. Это полный CSS, А в 2х2 форуме это невозможно
По мне так меню 2х2 вполне себе
Например я на своем форуме сделал так:
http://narhodo.2x2forum.ru/forum.htm

И всё по полочкам)
avatar
Ринкате
 

Мужчина

Сообщения : 768
Возраст : 24
Регистрация : 2010-05-28
Благодарности : 164

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

http://soul-eater.sosbb.ru/

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

Автор этого сообщения в настоящий момент забанен. - Посмотреть сообщение

Решено Re: Как сделать такое меню?

Сообщение автор Dana Domirani в Вт 1 Июн - 18:50

Если пригодится - у меня одно время стояло такое

Пункты (Item) разворачивались при наведении.

Код меню, размещается в боковом виджете:
Код:
<ul id="navigator">
        <li>
            <a href="#">Item 1</a>
            <table><tr><td>
            <ul>
                <li><a href="#">SubItem 1.1</a></li>
                <li><a href="#">SubItem 1.2</a></li>
                <li><a href="#">SubItem 1.3</a></li>
                <li><a href="#">SubItem 1.4</a></li>
            </ul>
          </td></tr></table>
        </li>
       
        <li class="active">
            <a href="#">Item 2</a>
            <table><tr><td>
            <ul>
                <li><a href="#">SubItem 2.1</a></li>
                <li><a href="#">SubItem 2.2</a></li>
                <li><a href="#">SubItem 2.3</a></li>
                <li><a href="#">SubItem 2.4</a></li>
            </ul>
            </td></tr></table>
        </li>
       
        <li>
            <a href="#">Item 3</a>
            <table><tr><td>
            <ul>
                <li><a href="#">SubItem 3.1</a></li>
                <li><a href="#">SubItem 3.2</a></li>
            </ul>
            </td></tr></table>
        </li>
    </ul>
<li class="active"> - позволяет один из пунктов зафиксировать в развернутом виде.

Настройки CSS:
Код:
a { text-decoration: none; color: #00F; }
a:hover { text-decoration: underline; }
#navigator a { outline: 0; }
   
#navigator, #navigator ul, #navigator li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}

#navigator {
    border: 1px solid #CCC;
    width: 150px;
}

#navigator ul {
    margin-left: 40px;
}

#navigator > li {
    border-bottom: 1px solid #CCC;
    padding: 2px 5px;
}

#navigator > li[class="active"] ul {
    display: block;
}

#navigator > li ul {
    display: none;
}

#navigator > li:hover ul {
    display: block;
}

#navigator > li:last-child {
    border-bottom: 0;
}

#navigator li.active > a {
    color: red;
}
avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22311
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8962

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

http://poltergeist-legacy.com/

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

Решено Re: Как сделать такое меню?

Сообщение автор Ринкате в Вт 1 Июн - 21:34

Код:
Ну да, конечно. Чего это невозможно?
Аккордеон - это пройденный нами в
 прошлом году материал.
- Извиняюсь, я же думал что КСС храним в другой папке
avatar
Ринкате
 

Мужчина

Сообщения : 768
Возраст : 24
Регистрация : 2010-05-28
Благодарности : 164

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

http://soul-eater.sosbb.ru/

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

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


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