Новости 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 Гость просматривают эту тему.
  • 8 Ответов
  • 2160 Просмотров
*

Levhik

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
Выподающее меню
« : 23.08.2010, 21:56:30 »
подскажите пожалуйста новичку как можно сделать такое меню как на скрине ниже?

Записан
*

iluho

  • Давно я тут
  • 605
  • 50 / 4
  • Гламурный КабанчеГ
Re: Выподающее меню
« Ответ #1 : 23.08.2010, 22:07:35 »
это так называемые "табы". попробуйте копать по названию. по английски tabs модулей много таких
Записан
Милый и порядочный! Верьте мне во всем!
*

iluho

  • Давно я тут
  • 605
  • 50 / 4
  • Гламурный КабанчеГ
Re: Выподающее меню
« Ответ #2 : 23.08.2010, 22:08:51 »
http://extensions.joomla.org/search?q=tab

посмотрите, может что понравится
Записан
Милый и порядочный! Верьте мне во всем!
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Re: Выподающее меню
« Ответ #3 : 23.08.2010, 22:09:59 »
если без полупрозрачной рамки покругу и ссылки Портал телефонов, MP3 ... то на чистом css(и пинками для ие) и стандартным модулем mod_mainmenu. Новичек врядли осилит.
Записан
【Мегапак Virtuemart】:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

Levhik

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
Re: Выподающее меню
« Ответ #4 : 23.08.2010, 22:23:29 »
Цитата: danik.html от 23.08.2010, 22:09:59
если без полупрозрачной рамки покругу и ссылки Портал телефонов, MP3 ... то на чистом css(и пинками для ие) и стандартным модулем mod_mainmenu. Новичек врядли осилит.

я осилю. просто скажите через списки <ul> это реально сделать? Там надо что бы список 1-го уровня был одной ширины(110px) тогда все остальные подменю тоже такой ширины стают. А мне надо телефоны, mp3, фото, GPS... имели один backgraund. А осталные - беленький фон с ободочком как и там.
Записан
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Re: Выподающее меню
« Ответ #5 : 23.08.2010, 22:48:03 »
на ul можно сделать, но либо без полупрозрачной каемки(можно просто зеленый бордюр) либо с ней, но фиксированной ширины.
ul.menu > li{
    float: left;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #fff;
    border: 3px solid #0f0;
    border-bottom: none;
}
ul.menu > li > ul{
   display: none;
   overflow: hidden;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #fff;
    border: 3px solid #0f0;
}
ul.menu > li:hover > ul{
    display: block;
}
ul.menu > li > ul > li{
    float: left;
}

вот css-набросок. border-radius нужно продублировать для -moz- и -webkit- и border-radius.htc  . если в планах есть ие6( менее 7 % юзеров по liveinternet статистике) то нужен еще iehover.htc
Записан
【Мегапак Virtuemart】:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

Levhik

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
Re: Выподающее меню
« Ответ #6 : 24.08.2010, 01:47:16 »
в общем вот что у меня получилось. При наведении мышки на меню появляется такое серенькое меню:



вот код:
Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru" dir="ltr" >
<head>

<style type="text/css">
#top-menu ul{
	list-style: none;
}

#top-menu > ul > li{
	float: left;
}

#top-menu ul.menu-nav > li{
	overflow:visible;
	width: 110px;
}

#top-menu ul.menu-nav > li > a{
	background-color:blue;
	color:white;
	display:block;
	height:40px;
}

#top-menu ul.menu-nav > li > ul {
	width: 350px;
	display:none;
}

#top-menu ul.menu-nav > li:hover > ul {display:block}

#top-menu ul.menu-nav > li > ul > li {
	background-color: silver;
	width: 150px;	
	float: left;
}

#top-menu ul.menu-nav > li > ul > li  > a{
	font-style: italic;
	padding-left: 5px;
}

#top-menu ul.menu-nav > li > ul > li  > ul{
		clear: both;
}

#top-menu ul.menu-nav > li > ul > li  > ul > li > a{
	padding-left: 10px;
	display: block;
	margin: 3px 0;
}
</style>
	
</head>
<body>

<div id="top-menu">
				<ul class="menu-nav">
					<li class="parent item28">
						<a href="#"><span>Протеиновые коктейли</span></a>

							<ul>
								<li class="parent item55">	
									<a href="#"><span>по категориям</span></a>
									<ul>
										<li class="item56">
											<a href="#"><span>сывороточный протеин</span></a>
										</li>
											
										<li class="item57">

											<a href="#"><span>казеин</span></a>
										</li>
											
										<li class="item58">
											<a href="#"><span>яичный</span></a>
										</li>
									</ul>
								</li>
									
								<li class="parent item59">

									<a href="#"><span>по брендам</span></a>
									<ul>
										<li class="item60">
												<a href="#"><span>OLIMP</span></a>
										</li>
											
										<li class="item61">
											<a href="#"><span>MAMUT</span></a>

										</li>
											
										<li class="item62">
											<a href="#"><span>NATURAL</span></a>
										</li>
									</ul>
								</li>
							</ul>
						</li>

											
						<li class="item29">
							<a href="#"><span>Возможности</span></a>
						</li>
											
						<li class="item18">
							<a href="#"><span>Новости</span></a>
						</li>
						
						<li class="item30">
							<a href="#"><span>Сообщество</span></a>

						</li>
					</ul>
</div>
</body>
</html>

все работает как надо, вот только не нравится как серый бэкграунд тображается. хотелось чтобы было так:



как вариант можно поставить путой блок с со стилем clear: both; но я не знаю как это в Joomla можно сделать.
Записан
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Re: Выподающее меню
« Ответ #7 : 24.08.2010, 12:01:44 »
#top-menu ul.menu-nav > li > ul {
   width: 350px;
   display:none;
   background-color: silver;
   overflow: hidden;
}

для ие6 еще нужно zoom: 1;
благодаря overflow: hidden (zoom: 1) блок будет охватывать все плавающие дочерние элементы.
Записан
【Мегапак Virtuemart】:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

Levhik

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
Re: Выподающее меню
« Ответ #8 : 24.08.2010, 20:33:12 »
усе работает. осталось хаки прописать. начиная с ie6.
Записан
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