Новости Joomla

Совет по Joomla: использовать выключенное состояние для кнопок в списках элементов админки

Онлайн-трансляции Joomla-разработки Игоря Бердичевского

20 лет Joomla: Ринат Кажетов

20 лет Joomla: Ринат Кажетов.В 2025 году Joomla исполнилось 20 лет

В 2025 году Joomla исполнилось 20 лет. Вокруг неё сложилось большое интернациональное русскоязычное сообщество. На сайте нашего сообщества и на Хабре к юбилею были собраны интервью с его видными представителями. Сегодня мы читаем интервью с Ринатом Кажетовым (@rkazhet). Ринат - один из администраторов чата русскоязычного Joomla-сообщества, из Казахстана. Это человек, который всегда знает или найдёт нужную ссылку, пристально следит за новостями в мире Joomla, многое узнаёт первым и просто очень отзывчивый человек. Интервью с Ринатом провёл Евгений Сивоконь.

Читать интервью

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

bybus

  • Захожу иногда
  • 86
  • 2 / 1
Не работает hover в некоторых элементах
« : 13.12.2014, 12:24:07 »
В общем есть меню, которое выводится стандартным 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 »
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

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

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

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

Автор twins717

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

Автор dm-krv

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

Автор wishlight

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

Автор darkghost

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