1

Ребят, если кто может помогите...
уже задолбался...
делаю сайт для детского сада  http://sad25semicvetik.narod.ru/  (это не реклама, да и рекламировать там не чего.... ссылку дал, чтоб было видно,что не получается...)

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

нашел здесь : http://www.alexilin.ru/animated-menu-on-mootools/

не совсем то, что хотелось, но .... пусть хоть это будет...

сейчас библиотека Mootools отключена (ссыль в index.html) на нее не идет...
пункты все время раскрыты,
а если библиотеку подключить... - меню вообще пропадает...

как наладить это меню????

Что есть то есть, того что было не вернуть, не изменить ни дня...

2 (26.01.2011 13:28:26 отредактировано mogul82)

здесь есть раздел - программирование

вот тут этих меню завались и явовских и на хтмл
cssplay.co.uk/menus/www.cssplay.co.uk

А еще можно просто менять свойства css через яву. Можно так же прикрутить библиотеку $fx() или moo.fx или другие для осуществления анимационного действия. Мне нравиться http://jsanim.com/ библиотека

XMPP: mogul82@jabber.ru Фанбой AMD

3

mogul82,
пошел по вашей ссылке...

___
если не затруднит - перекиньте тему в нужный раздел...

Что есть то есть, того что было не вернуть, не изменить ни дня...

4 (26.01.2011 14:08:37 отредактировано Termo)

Night Man, не занимайся ерундой
установи Joomla и верстай что хочешь
тем более кривизну твоих рук я оценил  smile
ты зачем меню как список вывел?
теперь там точки видны в бэкграунде...  ag

http://i025.radikal.ru/1101/80/23d5bd45a0b8t.jpg

ПатреГ не любит Gnome...

5

Termo, злой ты ab
Night Man, знаете как я делал такие вещи? заходил на сайт фаерфоксом, где такая ерунда была, CTRL+U, и невозбранно копипастил на локалхост. Потом изучал КАК это работает (читал в редакторе kate), что непонятно - спрашивал у гугла (ну там если тег непонятный какой).

Карусель разнесло по цепочке за час
Всех известий — конец
Да, весна началась!
(всё к лицу подлецу, как родному отцу, не рассказывай, батя, и так всё пройдёт)

6 (26.01.2011 14:19:51 отредактировано Night Man)

Termo,  ну не надо сразу руки мои хаить...
когда я создал тему списки ни куда не вываливались... - это я сейчас сижу в меню колупаюсь...

а joomla  - это хорошо.., вот только она на бесплатные хостинги не становится...,

ГОРОНО заставило сады делать сайты, а денег на это никто не дает....

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

Что есть то есть, того что было не вернуть, не изменить ни дня...

7 (26.01.2011 14:18:28 отредактировано Termo)

Night Man, на, читай до осознания  wink
http://webdesign.site3k.net/?/conjunctu … udrop.html
http://www.webmascon.com/topics/coding/42a.asp

ПатреГ не любит Gnome...

8

меню - работает....
всем спасибо

Что есть то есть, того что было не вернуть, не изменить ни дня...

9

не работает обратный "въезд"  ag

ПатреГ не любит Gnome...

10

Шрифты бы заменить на нормальные.

MX 23.6 Libretto x86_64
Чем больше я работаю админом, тем больше понимаю, насколько волшебна фраза - "Нет технической возможности!"

11

xlin пишет:

Шрифты бы заменить на нормальные.

Дело вкуса

Toshiba Satellite c660-28k, W7HB, Slackware64-14.0, 3.7.1-pf-kernel
linux-life

12

Termo пишет:

не работает обратный "въезд"  ag

В смысле?... там пока главная и контакты.... (других страниц пока нет...)
Остальной материал сад еще подбирает....

Что есть то есть, того что было не вернуть, не изменить ни дня...

13

Night Man пишет:

В смысле?

список раскрывается, но не скрывается обратно
если кликнуть на пункт "Меню", выскочит два новых подпункта
попытка их скрыть безуспешна - меню не реагирует

ПатреГ не любит Gnome...

14

Termo, а они и не должны скрываться smile
Смотрите как меню само организовано.

Linux Mint 19.3 Mate Edition
Windows 7

15

Wolfenberg, вижу
ересь получилась...

ПатреГ не любит Gnome...

16

Termo, ну почему же сразу ересь.
Простейший тип меню. Человек просто неосилил выпадающие списки с панелью smile

Linux Mint 19.3 Mate Edition
Windows 7

17

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

"Человек просто неосилил выпадающие списки с панелью"
- если имеется ввиду выпадающие в бок списки или выпадающие вниз при горизонтальном меню - то и не задовался целью...

мне просто нравится сайт: http://www.aniltohani.com/
я  хотел сделать похожее меню, но так как фон у меня более светлый... оставлять просто буквы не захотел....

Что есть то есть, того что было не вернуть, не изменить ни дня...

18

вот я баловался когда-то
может поможет...

+ открыть спойлер
<HTML>
<HEAD>
<TITLE>Выпадающее меню</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="robots" content="none">
<!--Этот скрипт взят с сайта infoweb.nm.ru-->
<link rel="stylesheet" type="text/css" href="styl.css">
<style type=text/css>
<!--
 body{background-color:#00CCFF; font-family: MS Sans Serif, tahoma, Verdana, Arial;  FONT-SIZE: 13px; color:#FFFFFF}
 A { color :#FFFFFF;  FONT-FAMILY:  Verdana, Arial; text-decoration:underline; FONT-SIZE: 10pt;}
 A:Hover { color :#FF0000; text-decoration: underline;}
.menu {POSITION: absolute;  top:0;  Z-INDEX: 22}
.submenu {POSITION: absolute; TOP: 22px; VISIBILITY: hidden; Z-INDEX: 19}
-->
</style>
<SCRIPT>
<!--
var old;
var memold;
var subold;
if(document.layers)
{
    window.captureEvents(Event.MOUSEDOWN);
    window.onmousedown=do_out;
} else
{
    document.onmousedown=do_out;
}
function show_layer(x)
{
    if(document.layers)
        document.layers[x].visibility="show";
    else
        document.all[x].style.visibility="visible";
}
function hide_layer(x)
{
    if(document.layers)
        document.layers[x].visibility="hide";
    else
        document.all[x].style.visibility="hidden";
}
function do_menu(x)
{
    if(!old)
        old=memold;
    if(old!=x)
    {
        show_layer(x);
        old=x;
    } else
        old="";
}
function do_check(x)
{
    if(old && old!=x)
    {
        hide_layer(old);
        show_layer(x);
        old=x;
    }
    do_submenu();
}
function do_out()
{
    if(old)
        hide_layer(old);
    memold=old; old="";
    do_submenu();
}
function do_submenu(x)
{
    if(subold)
    {
        hide_layer(subold);
        subold="";
    }
    if(x)
    {
        show_layer(x);
        subold=x;
    }
}
// -->
</SCRIPT>

</HEAD>
<BODY   TEXT="#CC3333"  BGCOLOR="#00CCFF"    TOPMARGIN="0" LEFTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0" >
<a NAME="1"></a>
<DIV class=menu id=m1 style="LEFT: 5px">

<TABLE bgColor=#000000 border=1 cellPadding=2 cellSpacing=0 width=115>
  <TBODY>
  <TR>
    <TD><A href="javascript:do_menu('m1x')" 
      onmouseover="do_check('m1x')"><B>Меню1</B></A> </TD></TR></TBODY></TABLE></DIV>
<DIV class=submenu id=m1x style="LEFT: 5px">
<TABLE bgColor=#000000 border=1 cellPadding=2 cellSpacing=0 width=115>
  <TBODY>
  <TR>
    <TD><A href="http://infoweb.nm.ru/index.html">Ссылка 1</A><BR><A 
      href="#">Ссылка 2</A><BR><A 
      href="#">Ссылка 3</A><BR><A 
      href="#">Ссылка 4</A> 

</TD></TR></TBODY></TABLE></DIV>
<DIV class=menu id=m2 style="LEFT: 120px">
<TABLE bgColor=#000000 border=1 cellPadding=2 cellSpacing=0 width=100>
  <TBODY>
  <TR>
    <TD><A href="javascript:do_menu('m2x')" 
      onmouseover="do_check('m2x')"><B>Меню 2</B></A> </TD></TR></TBODY></TABLE></DIV>
<DIV class=submenu id=m2x style="LEFT: 120px">
<TABLE bgColor=#000000 border=1 cellPadding=2 cellSpacing=0 width=100>
  <TBODY>
  <TR>

    <TD><A href="http://infoweb.nm.ru/index.html" 
      onmouseover="do_submenu('m21x')">Ссылка 1.1</A> &gt;<BR><A 
      href="http://infoweb.nm.ru/index.html" 
      onmouseover=do_submenu()>Ссылка 2</A><BR><A 
      href="http://infoweb.nm.ru/index.html" 
      onmouseover="do_submenu('m22x')">Ссылка 3.1</A> &gt;</TD></TR></TBODY></TABLE></DIV>
<DIV class=submenu id=m21x style="LEFT: 180px; TOP: 24px; Z-INDEX: 21">
<TABLE bgColor=#000000 border=1 cellPadding=2 cellSpacing=0 width=100>
  <TBODY>
  <TR>
    <TD><A href="#">Ссылка 1.2</A>
<BR><A  href="#">Ссылка 2.2</A>

<BR><A  href="#">Ссылка 3.2</A>
    <BR><A  href="#">Ссылка 4.2</A> 
</TD></TR></TBODY></TABLE></DIV>
<DIV class=submenu id=m22x style="LEFT: 180px; TOP: 58px; Z-INDEX: 20">
<TABLE bgColor=#000000 border=1 cellPadding=2 cellSpacing=0 width=100>
  <TBODY>
  <TR>
    <TD><A href="#">Ссылка 3.1</A><BR><A 
      href="#">Ссылка 3.2</A><BR><A 
      href="#">Ссылка 3.3</A> 

</TD></TR></TBODY></TABLE></DIV>
<DIV class=menu id=m3 style="LEFT: 220px">
<TABLE bgColor=#000000 border=1 cellPadding=2 cellSpacing=0 width=100>
  <TBODY>
  <TR>
    <TD><A href="javascript:do_menu('m3x')" 
      onmouseover="do_check('m3x')"><B>Меню 3</B></A> </TD></TR></TBODY></TABLE></DIV>
<DIV class=submenu id=m3x style="LEFT: 220px">
<TABLE bgColor=#000000 border=1 cellPadding=2 cellSpacing=0 width=100>
  <TBODY>
  <TR>

    <TD><A href="#">Ссылка 1</A><BR><A 
      href="#">Ссылка 2</A><BR><A 
      href="#">Ссылка 3</A><BR><A 
      href="#">Ссылка 4</A> 
</TD></TR></TBODY></TABLE></DIV>
</BODY>
</HTML>
ПатреГ не любит Gnome...

19

ok. посмотрю

Что есть то есть, того что было не вернуть, не изменить ни дня...

20

Night Man пишет:

ok. посмотрю

Не стоит поищи меню на css куда проще.
На счёт багов как Termo озвучил есть плагины для web разработки и поверь очень удобно css править и видеть как что будет.

Ищу дополнительный заработок (удалёнка).
Пьянка без секса – признак алкоголизма.