Новости Joomla

Что нового в joomla 5.1?

Что нового в joomla 5.1?

16 апреля 2024 года вышли релизы Joomla 5.1 и Joomla 4.4.4. Если Joomla 4.x уже находится в режиме поддержки и получает только "заплатки", то в каждом выпуске Joomla 5.x появляется что-то новое. Краткий список был опубликован в недавней новости. Давайте посмотрим подробнее на то что же именно появилось в Joomla 5.1.

Добавление полей Joomla в результаты Умного Поиска при помощи JFilters

Страница результатов Умного Поиска позволяет нам отображать некоторые поля (изображение, категорию, дату и т. д.), но не пользовательские поля. Поскольку поля Joomla предоставляют очень гибкий способ добавления дополнительных свойств к нашему контенту, их отображение в результатах поиска может сделать результаты более значимыми.

Вышел JoomShopping 5.4.0

Один из популярных компонентов интернет-магазина для Joomla за недавнее время получил 3 релиза: 5.3.4, 5.3.5, 5.4.0.

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

wd

  • Давно я тут
  • 539
  • 17 / 1
  • Просто юзер
Как задействовать класс 'selected' для меню в Joomla 1.5?
« : 02.06.2011, 21:40:45 »
Здравствуйте.

Сделал меню с тремя позициями. Пример:

Код
			/* Home Button */
			        #menu li.home{width:70px; height:60px;}
				#menu li.home a{background-position:0px 0px;}
				#menu li.home a:hover{background-position:0px -60px; color: #f57e00;}
				#menu li.home a.selected{background-position:0px -120px; color: #f57e00;}

Как сделать. что бы активировался класс selected когда я нахожусь в выбранном пункте меню?

Заранее благодарю за помощь.
Записан
*

rusak

  • Захожу иногда
  • 76
  • 4 / 0
Re: Как задействовать класс 'selected' для меню в Joomla 1.5?
« Ответ #1 : 03.06.2011, 10:49:58 »
В Joomla 1.5 выбранный пункт меню имеет id=current и class=active item id. Вот от этого и пишите CSS.
Записан
*

wd

  • Давно я тут
  • 539
  • 17 / 1
  • Просто юзер
Re: Как задействовать класс 'selected' для меню в Joomla 1.5?
« Ответ #2 : 03.06.2011, 12:41:58 »
Спасибо!
Записан
*

wd

  • Давно я тут
  • 539
  • 17 / 1
  • Просто юзер
Re: Как задействовать класс 'selected' для меню в Joomla 1.5?
« Ответ #3 : 03.06.2011, 13:03:51 »
Только что-то не получается... может поможете разобраться?

Я создал модуль c произвольным HTML, куда вписал следующее:

Код
<ul id="menu">
                    <li class="home"><a href="home">главная</a></li>
                    <li class="about"><a href="#">о нас</a></li>
                    <li class="portfolio"><a href="#">портфолио</a></li>
                    <li class="services"><a href="#">услуги</a></li>
                    <li class="contact"><a href="kontakti">контакты</a></li>
</ul>

А в CSS выглядит так:

Код
	ul#menu{margin:0; padding:0; list-style:none; clear:both;}
		#menu li{
		overflow: hidden; 
		display: inline; 
		float: left; 
		margin-right: 0px;
		padding-bottom: 30px;
		text-align: center;
		line-height: 140px;
		font-weight: bold;
		}
		
			#menu li a{
			background-image: url('../images/sprite.png');
			width:100%; 
			height:100%; 
			display:block;
			font-family: Arial, Helvetica, Sans-Serif;
			font-size: 12px;
			text-decoration:none;
			color: #000000;
			font-style: normal;
			}
			
			/* Home Button */
			#menu li.home{width:70px; height:60px;}
				#menu li.home a{background-position:0px 0px;}
				#menu li.home a:hover{background-position:0px -60px; color: #f57e00;}
				#menu li.home a.selected{background-position:0px -120px; color: #f57e00;}
			
			/* About Button */
			#menu li.about{width:70px; height:60px;}
				#menu li.about a{background-position:-70px 0px;}
				#menu li.about a:hover{background-position:-70px -60px; color: #f57e00;}
				#menu li.about a.selected{background-position:-70px -1205px; color: #f57e00;}
				
			И так далее по пунктам меню...

Что в этой ситуации и к чему присвоить?
Записан
*

midav

  • Давно я тут
  • 926
  • 115 / 1
Re: Как задействовать класс 'selected' для меню в Joomla 1.5?
« Ответ #4 : 03.06.2011, 13:06:32 »
А зачем меню создавать через модуль произвольный HTML ? Чем не подходит стандартное меню ?
Записан
Ответы на вопросы по CSS . Откройте для себя Firebug
*

midav

  • Давно я тут
  • 926
  • 115 / 1
Re: Как задействовать класс 'selected' для меню в Joomla 1.5?
« Ответ #5 : 03.06.2011, 13:14:19 »
И как Вы думаете , откуда в вашем коде появится класс "selected" ?
Записан
Ответы на вопросы по CSS . Откройте для себя Firebug
*

wd

  • Давно я тут
  • 539
  • 17 / 1
  • Просто юзер
Re: Как задействовать класс 'selected' для меню в Joomla 1.5?
« Ответ #6 : 03.06.2011, 15:09:47 »
Ну selected это просто по умолчанию написал. Ну и я так понимаю, что определённый класс или айди должна Joomla подсунуть в хтмл код... но вот как ей дать знать, что этот произвольный модуль содержит меню...

« Последнее редактирование: 03.06.2011, 15:15:14 от wd »
Записан
*

wd

  • Давно я тут
  • 539
  • 17 / 1
  • Просто юзер
Re: Как задействовать класс 'selected' для меню в Joomla 1.5?
« Ответ #7 : 03.06.2011, 15:12:44 »
А через произвольный HTML сделал потому, что меню в виде иконок (на спрайтах) с текстом под ним. Т.е. нужно что бы главная страница была иконкой "домик", страница "о нас" под другой соответствующей иконкой и т.д.
А как такую структуру реализовать через модуль стандартного меню - не знаю.
Записан
*

midav

  • Давно я тут
  • 926
  • 115 / 1
Re: Как задействовать класс 'selected' для меню в Joomla 1.5?
« Ответ #8 : 03.06.2011, 15:53:16 »
Цитировать
Ну и я так понимаю, что определённый класс или айди должна Joomla подсунуть в хтмл код...
неправильно Вы понимаете .
Цитировать
как ей дать знать, что этот произвольный модуль содержит меню...
Никак
Цитировать
как такую структуру реализовать через модуль стандартного меню
А чем она будет отличаться от вашей , названиями классов ?
Вы попробуйте , самый верный способ  ;)
Создайте меню , опубликуйте модуль mod_mainmenu в нужной позиции , и посмотрите какой код модуль генерирует . Потом присвойте соответствующим пунктам меню , ваши стили .
Только не спрашивайте  как узнать какие классы присваиваются пунктам меню .
Записан
Ответы на вопросы по CSS . Откройте для себя Firebug
*

Efanych

  • Глобальный модератор
  • 4684
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Как задействовать класс 'selected' для меню в Joomla 1.5?
« Ответ #9 : 03.06.2011, 18:45:58 »
Для каждого пункта меню (если стандартно выводить) присваивается item
Отсюда и пляшем .menu .item22 {}
активную ссылку можна выделить примерно так a:active или a#current или a.active
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

wd

  • Давно я тут
  • 539
  • 17 / 1
  • Просто юзер
Re: Как задействовать класс 'selected' для меню в Joomla 1.5?
« Ответ #10 : 03.06.2011, 22:20:12 »
Я наверное покажусь глупым (ибо без практики в работе с CSS я просто запутался уже с этим меню), но как я только не пытался подставить классы и айди - ничего не выходит.

Делал на примере первого пункта меню "главная", которая имеет id1 т.е. в выводимом коде так:
Код
<div class="menu">
	<ul class="menu"><li id="current" class="active item1"><a href="http://localhost/mysite5/"><span>Главная</span></a></li>

Делал а цсс:

Код
/* Home Button */
			#menu li.item1{width:70px; height:60px;}
				#menu li.item1 a{background-position:0px 0px;}
				#menu li.item1 a:hover{background-position:0px -60px; color: #f57e00;}
				#menu li.item1 a.active{background-position:0px -120px; color: #f57e00;}

ничего не выходит... наверное я что-то очень путаю и напрочь запутался в идентификаторах и стилях.

Ткните, пожалуйста, пальцем что не так... как  написать правильно CSS с этими item'ами?
Записан
*

Efanych

  • Глобальный модератор
  • 4684
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Как задействовать класс 'selected' для меню в Joomla 1.5?
« Ответ #11 : 03.06.2011, 22:27:39 »
Вроде всё правильно, только
class="menu"
обозначается .menu, а не #menu
Ну и background-position
без самого background как-то безсмысленно.
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

midav

  • Давно я тут
  • 926
  • 115 / 1
Re: Как задействовать класс 'selected' для меню в Joomla 1.5?
« Ответ #12 : 03.06.2011, 23:08:27 »
Код
.menu li.item1 {...}
про background-position без background уже написали :)
еще по поводу
Цитировать
#menu li.item1 a.active
внимательнее смотрите какие классы чему присваиваются , класс active присваивается тегу li а не ссылке . надо как то так :
Код
.menu li.item1.active a



 
Записан
Ответы на вопросы по CSS . Откройте для себя Firebug
*

wd

  • Давно я тут
  • 539
  • 17 / 1
  • Просто юзер
Re: Как задействовать класс 'selected' для меню в Joomla 1.5?
« Ответ #13 : 04.06.2011, 00:39:08 »
Всем огромное спасибо и плюсы! Наконец-то получилось!  ^-^
Записан
*

wd

  • Давно я тут
  • 539
  • 17 / 1
  • Просто юзер
Re: Как задействовать класс 'selected' для меню в Joomla 1.5?
« Ответ #14 : 05.02.2012, 02:56:05 »
Снова здравствуйте.

Пытаюсь реализовать эту же схему в Joomla 2.5 - не выходит. Может там что-то поменялось?

В Joomla 1.5 меню корректно отображалось и работало, CSS был такой:

Код
.menuposition { 
	padding: 0px; 
	float: left;
	position: absolute;
	top: 40px; 
	left: 510px;
}


	ul.menu{margin:0; padding:0; list-style:none; clear:both;}
		.menu li{
		overflow: hidden; 
		display: inline; 
		float: left; 
		margin-right: 0px;
		padding-bottom: 30px;
		text-align: center;
		line-height: 140px;
		font-weight: bold;
		}
		
			.menu li a{
			background-image: url('../images/sprite.png');
			width:100%; 
			height:100%; 
			display:block;
			font-family: Arial, Helvetica, Sans-Serif;
			font-size: 12px;
			text-decoration:none;
			color: #000000;
			font-style: normal;
			}
			
			/* Home Button */
			.menu li.item1{width:70px; height:60px;}
				.menu li.item1 a{background-position:0px 0px;}
				.menu li.item1 a:hover{background-position:0px -60px; color: #f57e00;}
				.menu li.item1.active a{background-position:0px -120px; color: #f57e00;}
			
			/* About Button */
			.menu li.item6{width:70px; height:60px;}
				.menu li.item6 a{background-position:-70px 0px;}
				.menu li.item6 a:hover{background-position:-70px -60px; color: #f57e00;}
				.menu li.item6.active a{background-position:-70px -120px; color: #f57e00;}
				
и так далее...
Записан
*

wd

  • Давно я тут
  • 539
  • 17 / 1
  • Просто юзер
Re: Как задействовать класс 'selected' для меню в Joomla 1.5?
« Ответ #15 : 05.02.2012, 03:06:09 »
Разобрался... в 2.5 с дефисом айтем пишется (item-1).
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

убрать из меню заголовки h3

Автор nexter

 Ответов: 19
Просмотров: 6471 		Последний ответ 03.02.2020, 18:49:47
от durte
При добавлении нового пункта меню не отображается содержимое

Автор Denko

 Ответов: 2
Просмотров: 2148 		Последний ответ 16.01.2020, 18:40:55
от Denko
Не нажимается пункт меню на мобильной версии

Автор Sensession

 Ответов: 7
Просмотров: 3104 		Последний ответ 04.01.2020, 16:45:27
от xpank
Не отображаются пункты в меню

Автор physic

 Ответов: 20
Просмотров: 21401 		Последний ответ 20.09.2019, 16:54:01
от beliyadm
Как в ARI Ext Menu добиться работы параметра "Показать в меню"?

Автор vasmed

 Ответов: 1
Просмотров: 2363 		Последний ответ 01.03.2019, 11:12:18
от vasmed