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

valexi1980

  • Осваиваюсь на форуме
  • 52
  • 0
Вывод картинки для меню
« : 20.06.2015, 11:51:38 »
Вот такой нестандартный макет  ^-^
картинка здесь

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

vipiusss

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

draff

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

valexi1980

  • Осваиваюсь на форуме
  • 52
  • 0
Re: Вывод картинки для меню
« Ответ #3 : 20.06.2015, 12:19:43 »

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

valexi1980

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

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

vipiusss

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

fbr

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

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

valexi1980

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

fbr

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

valexi1980

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

Efanych

  • Группа развития
  • 4317
  • 605
Re: Вывод картинки для меню
« Ответ #10 : 20.06.2015, 13:02:07 »
Вот так, по моему, проще всего.

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

fbr

  • Живу я здесь
  • 1283
  • 142
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

  • Живу я здесь
  • 1283
  • 142
Re: Вывод картинки для меню
« Ответ #12 : 20.06.2015, 13:06:15 »
Efanych, это php ))
а он не знает ...

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

draff

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

fbr

  • Живу я здесь
  • 1283
  • 142
Re: Вывод картинки для меню
« Ответ #14 : 20.06.2015, 13:52:40 »
да, и вдогонку

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

Как в t3 framework разместить меню напротив логотипа\?

Автор KingSnake

Ответов: 3
Просмотров: 44
Последний ответ 18.09.2017, 10:20:49
от lexxbry
Выпадающее меню по клику в шаблонах Yootheme

Автор pvi1

Ответов: 3
Просмотров: 64
Последний ответ 13.09.2017, 21:54:15
от fbr
Вывод материалов нескольких категорий на одной странице \?

Автор quake3

Ответов: 3
Просмотров: 121
Последний ответ 12.09.2017, 20:58:07
от fireman
Вывод - Блог категории. Помогите советом

Автор denis174

Ответов: 7
Просмотров: 451
Последний ответ 31.08.2017, 16:06:18
от CastorTroy
Сделал чтоб картинки выезжали средствами wow получается горизонтальная прокрутка

Автор stendapuss

Ответов: 2
Просмотров: 155
Последний ответ 07.08.2017, 22:09:22
от stendapuss