Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 1 Ответов
  • 1716 Просмотров
*

bybus

  • Захожу иногда
  • 86
  • 2 / 1
В общем есть меню, которое выводится стандартным joomla-модулем.
Хотелось бы узнать возможно ли его оформить примерно так, как на сайте http://ru.aliexpress.com/ (когда проматываешь страницу, то меню на одной кнопке, это я уже сделал).
В общем интересует возможность выравнивания пунктов списка в два столбца, если он очень длинный. И выравнивать список по верхней границе всего меню.
в общем сейчас так:

А нужно так:


Повторюсь используется обычные ul li списки. Или, если невозможно так сделать, подскажите куда капать.
PS Есть мысль через jquery выравнивать. Но как сделать 2 колонки.
« Последнее редактирование: 13.12.2014, 16:01:05 от bybus »
*

bybus

  • Захожу иногда
  • 86
  • 2 / 1
Re: Оформление меню табами
« Ответ #1 : 13.12.2014, 14:09:13 »
В общем попытался сделать две колонки так:
для подменю:
Код: css
#menu ul ul {
height: 380px;
   -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
            width:auto;
}

Но почему-то не работает hover в некоторых подменю во второй колонке

в общем посмотреть можно здесь zainskavto.ru, если промотать страницу немного вниз появляется кнопка меню на панели сверху(с тремя горизонтальными линиями)

И еще, как сделать что бы вторая колонка появлялась только, если первой колонке не хватает места? иначе получается, что если первая колонка влезает, то справа все равно есть зарезервированное пустое место.



Добавлено:
Пустую вторую колонку решил написанием функции на Jquery (Если кто знает как это решить просто на CSS напишите)
Код: javascript
function twoclmn()
{
jQuery('#top-2 ul ul').each(function(){
     var $this = jQuery(this);
     if ($this.children("li").length > 10){
     $this.addClass("twoclmn");
     }
});
}

Код: css
.twoclmn{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
 width:auto;
}

А вот как решить пункты с нерабочими hover'ами, ума не приложу.
« Последнее редактирование: 13.12.2014, 22:30:31 от bybus »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работает правильно сайт на хосте

Автор Алексей Лоскутов

Ответов: 6
Просмотров: 1947
Последний ответ 21.05.2020, 20:23:57
от xpank
Некорректро работает Lightbox в widgetkit, сдвиг вправо при открытии Lightbox и листании фотографий

Автор twins717

Ответов: 2
Просмотров: 1877
Последний ответ 31.03.2020, 08:13:46
от sivers
Не работает свойство font-weight

Автор dm-krv

Ответов: 11
Просмотров: 3995
Последний ответ 31.08.2018, 09:16:26
от dm-krv
Как сделать отступ в горизонтальных элементах списка?

Автор wishlight

Ответов: 1
Просмотров: 1865
Последний ответ 30.03.2018, 10:39:02
от wishlight
@media screen - не всегда работает

Автор darkghost

Ответов: 6
Просмотров: 9202
Последний ответ 01.06.2017, 12:08:11
от dmitry_stas