Новости Joomla

Вышли релизы Joomla 5.1.0 и Joomla 4.4.4

Проблема с id в URL материалов Joomla при обновлении большого старого сайта до Joomla 5

В старых версиях Joomla URL адрес формировался по схеме [id материала + алиас материала]. Например, 145-my-article-alias. Однако. старый роутер Joomla был не идеален и плодил дубли страниц, с чем усиленно боролись СЕО специалисты с помощью различных плагинов и хаков ядра CMS.

Используем поля Joomla для фильтрации материалов

Перевод статьи одного из разработчиков ядра Joomla Брайана Тимэна (Brian Teeman).

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

enelte22

  • Осваиваюсь на форуме
  • 31
  • 0 / 0
Выпадающее меню с изображениями категории
« : 04.08.2014, 11:43:46 »
Добрый день. Вот столкнулась с одним сайтом и очень понравилась идея центрального меню с картинками.
А именно над каждой картинкой находится менюшка выпадающая с полупрозрачным фоном. Красиво и удобно.
Прикладываю скриншот если не понятно описала. Подскажите есть ли какие то модули которые смогут реализовать такой вид.


Я конечно пыталась заняться извращением. Создавая отдельные выпадающие меню, а затем создавала HTML менюшку вставляя таблицей фото а над ним модуль меню. Но в данном случае выпадение не происходит. Отображается только название меню и все. Ни войти в него ни чего подобного.
Второе издевательство которое я испытала это создавая на верхней позиции типа bottom1 выпадающие меню а на нижней позиции типа bottom2 выкладывала картинки, все бы ничего но, в шаблоне не хватает позиций ))) как их добавить тоже не разобралась. Да и это по моему извращение, думаю есть более простые варианты, просто я их не нашла.
Помогите ))
Записан
*

enelte22

  • Осваиваюсь на форуме
  • 31
  • 0 / 0
Re: Выпадающее меню с изображениями категории
« Ответ #1 : 06.08.2014, 16:09:41 »
Ребят, ну если есть кто нибудь кто знает, либо сделает такую фичу, я ведь и заплатить могу. Что все по углам спрятались и молчат.
Записан
*

draff

  • Гуру
  • 5803
  • 434 / 7
  • ищу работу
Re: Выпадающее меню с изображениями категории
« Ответ #2 : 06.08.2014, 16:20:35 »
а на JED посмотреть  http://extensions.joomla.org/search?q=Menu
Записан
*

enelte22

  • Осваиваюсь на форуме
  • 31
  • 0 / 0
Re: Выпадающее меню с изображениями категории
« Ответ #3 : 06.08.2014, 17:04:17 »
Цитата: draff от 06.08.2014, 16:20:35
а на JED посмотреть  http://extensions.joomla.org/search?q=Menu
Я уже множество меню перепробовала, но что бы с выпадением на фото, не нашла, вот и спрашиваю, может сразу ссылку на конкретное меню, которое так может?
Записан
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
Re: Выпадающее меню с изображениями категории
« Ответ #4 : 06.08.2014, 17:18:46 »
Это заказная работа, имхо.
Записан
*

draff

  • Гуру
  • 5803
  • 434 / 7
  • ищу работу
Re: Выпадающее меню с изображениями категории
« Ответ #5 : 06.08.2014, 18:10:12 »
Цитата: enelte22 от 06.08.2014, 17:04:17
Я уже множество меню перепробовала, но что бы с выпадением на фото, не нашла, вот и спрашиваю, может сразу ссылку на конкретное меню, которое так может?
Судя по демке может и картинку. Я ставил это меню, но удалил из-за спама- то обновить, то новости ))
http://www.joomlack.fr/en/joomla-extensions/maximenu-ck
А на скрине так и не понял, где какие картинки выпадают.
Записан
*

enelte22

  • Осваиваюсь на форуме
  • 31
  • 0 / 0
Re: Выпадающее меню с изображениями категории
« Ответ #6 : 06.08.2014, 19:37:50 »
Цитата: draff от 06.08.2014, 18:10:12
А на скрине так и не понял, где какие картинки выпадают.
Вы Неправильно поняли, не картинки выпадают, а меню выпадает на картинки. То есть как на скрине, видно есть сверху название меню и под ним картинка, если навести мышку на меню оно будет выпадать на эту картинку полупрозрачным фоном.
Получается что меню и под ним картинка это один блок. На скрине таких 6 блоков.
Не знаю как еще объяснить.
Записан
*

enelte22

  • Осваиваюсь на форуме
  • 31
  • 0 / 0
Re: Выпадающее меню с изображениями категории
« Ответ #7 : 06.08.2014, 19:38:35 »
Во нашла тот сайт с которого бралась идея, http://www.ucc.ie/en/esol//
Записан
*

draff

  • Гуру
  • 5803
  • 434 / 7
  • ищу работу
Re: Выпадающее меню с изображениями категории
« Ответ #8 : 06.08.2014, 20:19:10 »
А-а, ну тогда воть- самое самое с кучей настроек и без спама
http://extensions.joomla.org/extensions/structure-a-navigation/menu-systems/menu-editors/168
Записан
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
Re: Выпадающее меню с изображениями категории
« Ответ #9 : 06.08.2014, 22:22:23 »
Цитата: enelte22 от 06.08.2014, 19:38:35
Во нашла тот сайт с которого бралась идея, http://www.ucc.ie/en/esol//
По моему, это вообще не как меню выводится: 4 row, попарно линейка меню - линейка картинок, каждая линейка меню как блок независимых итемов со своим выпадающим подменю, линейка картинок - независима от блоков меню. Реализуется достаточно просто, имхо.

Цитата: draff от 06.08.2014, 20:19:10
А-а, ну тогда воть- самое самое с кучей настроек и без спама
http://extensions.joomla.org/extensions/structure-a-navigation/menu-systems/menu-editors/168
Посмотрел демку - имхо, вообще не то.
Записан
*

fbr

  • Завсегдатай
  • 1625
  • 189 / 7
Re: Выпадающее меню с изображениями категории
« Ответ #10 : 06.08.2014, 22:40:49 »
Прямые руки и знание CSS...
1. выпадающее меню сделать можете? Делайте.
2. добавляете нужные картинки к пункта меню первого уровня (в менеджере меню)

А дальше - чистый CSS! Позиционировать картинки, задать размеры и т.п...
Записан
*

enelte22

  • Осваиваюсь на форуме
  • 31
  • 0 / 0
Re: Выпадающее меню с изображениями категории
« Ответ #11 : 06.08.2014, 23:27:43 »
Цитата: AlekVolsk от 06.08.2014, 22:22:23
попарно линейка меню - линейка картинок
Собственно изначально так и стала делать, но получилось что шаблон у меня на столько позиций не продуман и хватило ровно на ряд меню и на ряд фото.
Я в этом деле не ас, где и как дописывать дополнительные позиции в шаблоне.
С CSS тоже не особо дружу, по этому подумала может есть для чайников более простые варианты.

А как насчет замутить модуль в модуле?
Я вот пыталась сделать один модуль в виде таблицы типа строка менюшек (то есть вставленный модуль) и строка фоток. Блок обычный HTML и по этому выпадение меню не происходит, отображается только название модуля и все.
Записан
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Выпадающее меню с изображениями категории
« Ответ #12 : 06.08.2014, 23:41:17 »
Зачем столько позиций? О_о. Публикуйте все модули в одной.
Записан
*

enelte22

  • Осваиваюсь на форуме
  • 31
  • 0 / 0
Re: Выпадающее меню с изображениями категории
« Ответ #13 : 07.08.2014, 08:29:50 »
Цитата: Shustry от 06.08.2014, 23:41:17
Зачем столько позиций? О_о. Публикуйте все модули в одной.
Я делала уже, но получается что шаблон сжимает каждый рядом размещенный модуль и выстраивает в один ряд, а не опускает во второй и третий ряды.

Может я что то не так делаю? Или это можно в шаблоне поправить.
Шаблон gk_news2
Записан
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
Re: Выпадающее меню с изображениями категории
« Ответ #14 : 07.08.2014, 08:31:58 »
Это не о шаблона зависит, здесь чистый CSS, учите мат.часть: htmlbook.ru Вам в помощь.
Записан
*

enelte22

  • Осваиваюсь на форуме
  • 31
  • 0 / 0
Re: Выпадающее меню с изображениями категории
« Ответ #15 : 20.08.2014, 11:50:57 »
Цитата: AlekVolsk от 07.08.2014, 08:31:58
Это не о шаблона зависит, здесь чистый CSS
Подскажите пожалуйста что нужно прописать что бы всплывающее меню было поверх других окон. (всплывающее меню длинное)

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

Записан
*

enelte22

  • Осваиваюсь на форуме
  • 31
  • 0 / 0
Re: Выпадающее меню с изображениями категории
« Ответ #16 : 20.08.2014, 13:19:48 »
Никак не разберусь, помогите кто знает.

Вот код CSS
Код
#mimenu {
        padding: 0;
        margin: 0;
        font-size: 100%;
        font-family: Droid Sans;
        }
/* цвет верхнего главного меню */
#mimenu li {
        list-style: none;
        float: left;
        height: 25px;
        padding: 0;
        margin: 0;
        width: 220px;
        text-align: center;
        background: #AB0303;
        position: relative;
        padding-top: 4px;
		color: #ffffff;
        }
#mimenu li ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 220px;
        display: none;
        position: absolute;
        left: 0;
        top: 25px;
        }
/* ширина и цвет выпадающего меню */
#mimenu li ul li {
        float: none;
        height: 33px;
        margin: 0;
        width: 220px;
        text-align: center;
        background: #f7a518;
        }
#mimenu li a {
        display: block;
        width: 220px;
        height: 33px;
        color: #fff;
        text-decoration: none;
        }
#mimenu li:hover ul, #menu li.jshover ul {
        display: block;
        }
/* цвет выделения меню */
#mimenu li:hover, #menu li.jshover {
        background: #AB0303;
        }

И вот сама таблица вывода

Код
<table style="margin-left: auto; margin-right: auto;" border="0">
<tbody>
<tr>
<td>
<ul id="mimenu">
<li style="text-align: left;">  <span>Готовые исследования</span>
<ul class="submenu">
<li><a href="#OpenGl">OpenGl</a></li>
<li><a href="#wxWdigets">wxWidejts</a></li>
<li><a href="#SamrtWin">SamrtWin</a></li>
<li><a href="#OpenGl">OpenGl</a></li>
<li><a href="#wxWdigets">wxWidejts</a></li>
<li><a href="#SamrtWin">SamrtWin</a></li>
<li><a href="#OpenGl">OpenGl</a></li>
<li><a href="#wxWdigets">wxWidejts</a></li>
<li><a href="#SamrtWin">SamrtWin</a></li>
<li><a href="#OpenGl">OpenGl</a></li>
<li><a href="#wxWdigets">wxWidejts</a></li>
<li><a href="#SamrtWin">SamrtWin</a></li>
<li><a href="#OpenGl">OpenGl</a></li>
<li><a href="#wxWdigets">wxWidejts</a></li>
<li><a href="#SamrtWin">SamrtWin</a></li>
</ul>
</li>
</ul>
<p><img src="images/menu_images/issledov1.jpg" border="0" width="220" height="171" style="border: 1px solid black;" /></p>
</td>
<td> </td>
<td>
<ul id="mimenu">
<li style="text-align: left;">  <span style="font-size: small;">Отраслевые исследования</span>
<ul class="submenu">
<li><a href="#OpenGl">OpenGl</a></li>
<li><a href="#wxWdigets">wxWidejts</a></li>
<li><a href="#SamrtWin">SamrtWin</a></li>
</ul>
</li>
</ul>
<p><img src="images/menu_images/otrasl2.jpg" border="0" width="220" height="169" style="border: 1px solid black;" /></p>
</td>
<td> </td>
<td>
<ul id="mimenu">
<li style="text-align: left;">  ВЭД
<ul class="submenu">
<li><a href="#OpenGl">OpenGl</a></li>
<li><a href="#wxWdigets">wxWidejts</a></li>
<li><a href="#SamrtWin">SamrtWin</a></li>
</ul>
</li>
</ul>
<p><img src="images/menu_images/ved1.jpg" border="0" width="220" height="171" style="border: 1px solid black;" /></p>
</td>
</tr>
<tr>
<td>
<ul id="mimenu">
<li style="text-align: left;">  Аналитика конкурентов
<ul class="submenu">
<li><a href="#OpenGl">OpenGl</a></li>
<li><a href="#wxWdigets">wxWidejts</a></li>
<li><a href="#SamrtWin">SamrtWin</a></li>
</ul>
</li>
</ul>
<p><img src="images/menu_images/analitika1.jpg" border="0" width="220" height="171" style="border: 1px solid black;" /></p>
</td>
<td> </td>
<td>
<ul id="mimenu">
<li style="text-align: left;">  Исследование потребителей
<ul class="submenu">
<li><a href="#OpenGl">OpenGl</a></li>
<li><a href="#wxWdigets">wxWidejts</a></li>
<li><a href="#SamrtWin">SamrtWin</a></li>
</ul>
</li>
</ul>
<p><img src="images/menu_images/potrebitel1.jpg" border="0" width="220" height="171" style="border: 1px solid black;" /></p>
</td>
<td> </td>
<td>
<ul id="mimenu">
<li style="text-align: left;">  Маркетинг территорий
<ul class="submenu">
<li><a href="#OpenGl">OpenGl</a></li>
<li><a href="#wxWdigets">wxWidejts</a></li>
<li><a href="#SamrtWin">SamrtWin</a></li>
</ul>
</li>
</ul>
<p><img src="images/menu_images/teritoria2.jpg" border="0" width="220" height="171" style="border: 1px solid black;" /></p>
</td>
</tr>
<tr>
<td>
<ul id="mimenu">
<li style="text-align: left;">  Маркетинг персонала
<ul class="submenu">
<li><a href="#OpenGl">OpenGl</a></li>
<li><a href="#wxWdigets">wxWidejts</a></li>
<li><a href="#SamrtWin">SamrtWin</a></li>
</ul>
</li>
</ul>
<p><img src="images/menu_images/personal1.jpg" border="0" width="220" height="171" style="border: 1px solid black;" /></p>
</td>
<td> </td>
<td>
<ul id="mimenu">
<li style="text-align: left;">  В помощь маркетологу
<ul class="submenu">
<li><a href="#OpenGl">OpenGl</a></li>
<li><a href="#wxWdigets">wxWidejts</a></li>
<li><a href="#SamrtWin">SamrtWin</a></li>
</ul>
</li>
</ul>
<p><img src="images/menu_images/marketolog1.jpg" border="0" width="220" height="171" style="border: 1px solid black;" /></p>
</td>
<td> </td>
<td>
<ul id="mimenu">
<li style="text-align: left;">  Новости
<ul class="submenu">
<li><a href="#OpenGl">OpenGl</a></li>
<li><a href="#wxWdigets">wxWidejts</a></li>
<li><a href="#SamrtWin">SamrtWin</a></li>
</ul>
</li>
</ul>
<p><img src="images/menu_images/nowosti1.jpg" border="0" width="220" height="171" style="border: 1px solid black;" /></p>
</td>
</tr>
<tr>
<td>
<ul id="mimenu">
<li style="text-align: left;">  Международные рынки
<ul class="submenu">
<li><a href="#OpenGl">OpenGl</a></li>
<li><a href="#wxWdigets">wxWidejts</a></li>
<li><a href="#SamrtWin">SamrtWin</a></li>
</ul>
</li>
</ul>
<p><img src="images/menu_images/mezhdunarodnie1.jpg" border="0" width="220" height="171" style="border: 1px solid black;" /></p>
</td>
<td> </td>
<td>
<ul id="mimenu">
<li style="text-align: left;">  Тендеры
<ul class="submenu">
<li><a href="#OpenGl">OpenGl</a></li>
<li><a href="#wxWdigets">wxWidejts</a></li>
<li><a href="#SamrtWin">SamrtWin</a></li>
</ul>
</li>
</ul>
<p><img src="images/menu_images/tender1.jpg" border="0" width="220" height="171" style="border: 1px solid black;" /></p>
</td>
<td> </td>
<td>
<ul id="mimenu">
<li style="text-align: left;">  SEO
<ul class="submenu">
<li><a href="#OpenGl">OpenGl</a></li>
<li><a href="#wxWdigets">wxWidejts</a></li>
<li><a href="#SamrtWin">SamrtWin</a></li>
</ul>
</li>
</ul>
<p><img src="images/menu_images/seo1.jpg" border="0" width="220" height="171" style="border: 1px solid black;" /></p>
</td>
</tr>
</tbody>
</table>
Записан
*

Тренд

  • Захожу иногда
  • 59
  • 6 / 0
Re: Выпадающее меню с изображениями категории
« Ответ #17 : 20.08.2014, 13:36:59 »
У рокеттем есть готовый шаблон с почти нужной реализацией. Там картинка затемняется и появляются дополнительные две кнопки. Думаю добавить нужные кнопки будет не сложно.
http://demo.rockettheme.com/joomla-templates/lumiere/
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

как выводить категории на главной странице.

Автор makarovse

 Ответов: 7
Просмотров: 2357 		Последний ответ 03.04.2022, 19:50:42
от THE KILLERS
Алиас пункта меню совпадает с именем подкаталога в каталоге с сист.файлами

Автор Andrey N.

 Ответов: 14
Просмотров: 2304 		Последний ответ 07.10.2021, 23:57:15
от Garrr
Главное меню

Автор Анастасия87

 Ответов: 7
Просмотров: 1228 		Последний ответ 21.05.2021, 08:40:40
от arma
Как вывести все категории VirtueMart 3 второго уровня списком?

Автор Damarkuzz

 Ответов: 0
Просмотров: 891 		Последний ответ 06.07.2020, 18:58:23
от Damarkuzz
Как сократить вертикальное расстояние между меню сайта и баннером?

Автор MultiMatrix83

 Ответов: 2
Просмотров: 1033 		Последний ответ 16.02.2020, 19:30:25
от MultiMatrix83