Joomla 1.5 Шаблон RHUK Milkyway и выпадающее меню

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем lev, 16.09.2011.

  1. lev
    Offline

    lev специалист

    Регистрация:
    21.12.2007
    Сообщения:
    676
    Симпатии:
    40
    Пол:
    Мужской
    Народ помогите сделать в шаблоне RHUK Milkyway - выпадающее меню!? :'(


    Меню
    Код (CODE):
    1. #leftcolumn {
    2.     padding: 0;
    3.     margin: 0;
    4.     width: 20%;
    5.     float:left;
    6. }
    7.  
    8. #maincolumn,
    9. #maincolumn_full {
    10.     margin-left: 20%;
    11.     padding-left: 15px;
    12.     width: 78%;
    13. }


    mootools

    Код (CODE):
    1. <script type="text/javascript">
    2. window.addEvent('domready', function() {
    3.  
    4. var Element = $$('.moduletable_shop ul.menu li.parent').set({
    5.     'events': {
    6.         'mouseover': function(){ this.addClass('hilite') },
    7.         'mouseleave': function(){ this.removeClass('hilite') }
    8.     }
    9. });
    10. });
    11. </script>


    CSS
    Код (CODE):
    1. ul.menu li ul{
    2.   display:block;
    3.  
    4.   z-index:-2;           /*Здесь прячем подпункты на нижние слои*/
    5.   position:absolute;
    6.   margin-left: 220px;  /*Отступ справа = ширина родительского пункта меню*/
    7.   margin-top: -93px;   /*Отступ снизу = высота родительского пункта меню*/
    8.  
    9.  }
    10.  ul.menu li.hilite ul{
    11.    z-index:100;          /*Вот здесь класс hilite наш - выводим меню в верхние слои*/
    12.  }
     
  2.  

Поделиться этой страницей

Загрузка...