Новости Joomla

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

valexi1980

  • Захожу иногда
  • 67
  • 0 / 0
Вывод картинки для меню
« : 20.06.2015, 11:51:38 »
Вот такой нестандартный макет  ^-^
картинка здесь

Стоит передо мной такая задача: на каждый  пункт горизонтального меню выводить свою картинку (все картинки разные, девять пунктов меню), и что бы при наведении тоже.
Как можно реализовать без помощи CSS, помогите пожалуйста.
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Вывод картинки для меню
« Ответ #1 : 20.06.2015, 11:56:06 »
куда выводить? на каждый  пункт горизонтального меню выводить свою картинку
и откуда.я лично не понял.
и чем ваш макет нестандартный? помоему он банальный, менее нету(кроме лейдинга)
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

draff

  • Гуру
  • 5803
  • 434 / 7
  • ищу работу
Re: Вывод картинки для меню
« Ответ #2 : 20.06.2015, 12:01:46 »
каждому пункту меню/ссылке можно назначит картинку.Но как без CSS обойтись, я не знаю.
Ну нет такой кнопки, кликнув на которую Joomla все выполнит.
*

valexi1980

  • Захожу иногда
  • 67
  • 0 / 0
Re: Вывод картинки для меню
« Ответ #3 : 20.06.2015, 12:19:43 »

и чем ваш макет нестандартный? помоему он банальный, менее нету(кроме лейдинга)
смайлика не видит и юмора человек совсем не понимает
*

valexi1980

  • Захожу иногда
  • 67
  • 0 / 0
Re: Вывод картинки для меню
« Ответ #4 : 20.06.2015, 12:29:01 »
каждому пункту меню/ссылке можно назначит картинку.Но как без CSS обойтись, я не знаю.
Ну нет такой кнопки, кликнув на которую Joomla все выполнит.

если я не прав - поправьте пожалуйста:
каждому пункту меню Joomla присваивает класс "item-101", "item-102" и т.д. и мне придется каждый класс в CSS прописывать?
и по какому принципу она присваевает номер "item-101", у меня идет 101,102,103, и потом сразу 106
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Вывод картинки для меню
« Ответ #5 : 20.06.2015, 12:32:29 »
думаю тема несёт характер незнания движка.
ТС-попробуйте матчасть поиском по форуму или инету(без обид)
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

fbr

  • Завсегдатай
  • 1625
  • 189 / 7
Re: Вывод картинки для меню
« Ответ #6 : 20.06.2015, 12:39:41 »
Есть стандартная возможность - назначать картинки для каждого пункта меню
Есть CSS - с его помощью эти картинки можно позиционировать абсолютно в нужном вам месте
Есть js - написать скрипт переключения картинок при нажатии/наведении на пункт меню

можно и без js обойтись ... просто при наведении visible,opacity,display... придумайте сами
*

valexi1980

  • Захожу иногда
  • 67
  • 0 / 0
Re: Вывод картинки для меню
« Ответ #7 : 20.06.2015, 12:42:44 »
CMS знаю только со стороны админки и по мелочи могу в коде поправить. PHP не знаю ваще, по этому и спрашиваю, как формируются классы для меню
*

fbr

  • Завсегдатай
  • 1625
  • 189 / 7
Re: Вывод картинки для меню
« Ответ #8 : 20.06.2015, 12:47:40 »
при чем здесь php?
Есть класс меню, или прописываете суффикс, и им назначаете стилевые правила
А CSS вы знаете, ваще ..?
*

valexi1980

  • Захожу иногда
  • 67
  • 0 / 0
Re: Вывод картинки для меню
« Ответ #9 : 20.06.2015, 12:51:18 »
CSS знаю, то есть прописывать правила для каждого item-   ?
*

Efanych

  • Глобальный модератор
  • 4684
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Вывод картинки для меню
« Ответ #10 : 20.06.2015, 13:02:07 »
Вот так, по моему, проще всего.

Картинку делать сразу двойную (сверху какая в состоянии покоя, снизу при наведении).
Создание сайтов, шаблонов, помощь в решении проблем.
*

fbr

  • Завсегдатай
  • 1625
  • 189 / 7
Re: Вывод картинки для меню
« Ответ #11 : 20.06.2015, 13:04:08 »
Зачем?
Есть структура с предопределенными классами. Вы можете добавить свой суффикс
Код: html4strict
<div class="class_module suffix">
 <ul class="class_menu suffix">
   <li class="item-xxx active">
   ...

После этого прописываете стили
Код: css
.module_class.suffix >ul.class_menu.suffix>li>a img { здесь общие стили для изображений всех пунктов}
... a:hover img {для изображения при наведении}
... li.active >a img {для активного}
...
В общем, знаете CSS - разберетесь ))
« Последнее редактирование: 20.06.2015, 13:07:54 от fbr »
*

fbr

  • Завсегдатай
  • 1625
  • 189 / 7
Re: Вывод картинки для меню
« Ответ #12 : 20.06.2015, 13:06:15 »
Efanych, это php ))
а он не знает ...

Тоже вариант.
Есть много способов переопределить макте меню.
Я бы так и сделал. Но... php ))
*

draff

  • Гуру
  • 5803
  • 434 / 7
  • ищу работу
Re: Вывод картинки для меню
« Ответ #13 : 20.06.2015, 13:36:55 »
CMS знаю только со стороны админки и по мелочи могу в коде поправить.  по этому и спрашиваю, как формируются классы для меню
Открыть в админке пункт меню- Параметры ссылки- Изображение ссылки
Остальное подсказали.Суть- для каждой картинки примениться общее правило стиля
*

fbr

  • Завсегдатай
  • 1625
  • 189 / 7
Re: Вывод картинки для меню
« Ответ #14 : 20.06.2015, 13:52:40 »
да, и вдогонку

Если меню содержит выпадающие подменю - предложенный фокус с абсолютным позиционирование не пройдет ...
Тогда js/php
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Пункт меню Текстовый разделитель ведет на главную страницу

Автор zahar_92

Ответов: 8
Просмотров: 2485
Последний ответ 27.07.2023, 13:37:17
от ei-dos
[РЕШЕНО]Скрыть пункт меню на мобильных устройствах

Автор lexxbry

Ответов: 16
Просмотров: 4728
Последний ответ 23.05.2023, 07:22:49
от geral
Как вывести Alt картинки в описание Lightbox?

Автор art22

Ответов: 2
Просмотров: 921
Последний ответ 14.05.2023, 09:21:39
от sivers
Цвет фона меню

Автор IhorPH

Ответов: 7
Просмотров: 1154
Последний ответ 21.03.2023, 11:47:29
от marksetter
OffCanvas меню Helix Ultimate добавить текст к иконке

Автор Andre100

Ответов: 2
Просмотров: 2182
Последний ответ 20.03.2023, 12:42:49
от Andre100