Новости Joomla

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

ANoct

  • Новичок
  • 8
  • 0 / 0
И вновь меню.... !
« : 30.11.2009, 08:25:51 »
Здравствуйте.
Проблема следующая, нужно сделать меню с подменю, но ссылки должны быть картинками, как реализовать, подскажите, пожалуйста.
Думал изменить стиль стандартного меню
http://joomlaportal.ru/content/view/56/53/
прочитал тут... не помогло.
*

Funkdoobiest

  • Захожу иногда
  • 244
  • 25 / 13
Re: И вновь меню.... !
« Ответ #1 : 30.11.2009, 09:42:14 »
стандартно никак. Нужно править модуль вывода меню. В меню можно настроить вывод картинок к тексту пункта меню. Если поправить чуть модуль, то будут только картинки. Но тогда картинки будут статичны. Если нужно что бы при наведении на картинку она еще и менялась, то имхо я бы убрал и надписи в пункте и картинки, а к каждому пункту по item ID задавал бы свой background-image по CSS b соответственно его меня при значении hover.
*

ANoct

  • Новичок
  • 8
  • 0 / 0
Re: И вновь меню.... !
« Ответ #2 : 30.11.2009, 10:07:24 »
не,не... статичных картинок вполне хватит, вот только, цепляя картинки к пунктам нет над ними власти ). Я так цсс у стандарт меню нет (или я плохо смотрел), и картинки расползаются во всю ширь и совсем не поддаются позиционированию.
*

Funkdoobiest

  • Захожу иногда
  • 244
  • 25 / 13
Re: И вновь меню.... !
« Ответ #3 : 30.11.2009, 10:46:44 »
к меню можно приписывать классы вручную и потом их описывать в CSS как вам угодно.
*

ANoct

  • Новичок
  • 8
  • 0 / 0
Re: И вновь меню.... !
« Ответ #4 : 30.11.2009, 11:11:50 »
благодарю покорно.
придется таки копать чужой код)
*

Funkdoobiest

  • Захожу иногда
  • 244
  • 25 / 13
Re: И вновь меню.... !
« Ответ #5 : 30.11.2009, 11:30:01 »
копать особо ничего не нужно. В настройках модуля меню вы можете приписать класс. А в файле CSS уже опишите что и как. В настройках самого меню разрешите картинки в пунктах. Для каждого пункта добавьте картинку. Единственное что нужно сделать это найти в файлах модуля меню файл отвечающий за вывод и поправить каплю, что бы выводилась картинка без текста.
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: И вновь меню.... !
« Ответ #6 : 30.11.2009, 11:30:33 »
стандартно никак
Ну почему же никак? Еще как!
К примеру так:
В пункте меню выбираете нужную картинку, в модуле указываете, чтобы картинки отображались, а в CSS файле прописываете свойство, чтобы скрыть текст пункта меню, который обернут в тег span.
Вуаля!
*

Funkdoobiest

  • Захожу иногда
  • 244
  • 25 / 13
Re: И вновь меню.... !
« Ответ #7 : 30.11.2009, 11:45:29 »
Можно конечно и так :) У меня проф привычка от старой специальности осталась) От СЕО) Текст в hide не прятать ибо санкции от ПС. Ну, а сделать так конечно можно))
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: И вновь меню.... !
« Ответ #8 : 30.11.2009, 11:56:25 »
Ну сейчас думаю мало кто из поисковиков это считает за какие-либо мошеннические действия.
Сейчас же много всяких выпадающих меню спрятаны через display: none; и думаю, что они тоже проходят индексацию.
*

Funkdoobiest

  • Захожу иногда
  • 244
  • 25 / 13
Re: И вновь меню.... !
« Ответ #9 : 30.11.2009, 12:07:14 »
Ну сейчас думаю мало кто из поисковиков это считает за какие-либо мошеннические действия.
Сейчас же много всяких выпадающих меню спрятаны через display: none; и думаю, что они тоже проходят индексацию.

Оффтопим :)
Они и раньше санкций на прямую не делали. Такое только по стуку делают.
*

ANoct

  • Новичок
  • 8
  • 0 / 0
Re: И вновь меню.... !
« Ответ #10 : 30.11.2009, 12:35:38 »
Всем, большое спасибо))
*

ANoct

  • Новичок
  • 8
  • 0 / 0
Re: И вновь меню.... !
« Ответ #11 : 01.12.2009, 06:46:20 »
Ребят, извиняюсь, а поподробнее можно?

а в CSS файле прописываете свойство, чтобы скрыть текст пункта меню, который обернут в тег span.
Вуаля!

делаю так:
Код
span
{
display:none;
}
цепляю картинку в меню, текст-то пропадает, и картинка висит.... вот только она справа висит совсем в угол зажатая.
Подскажите, пожалуйста, как управлять выводом этой картинки из цсс.


Путем эмпирическим нашел вот такую штуку:
Код
.menu1 li img
{
width:100%;
height:100%;
position:absolute;
border:4px double black;
top:50%;
margin-left:50%;
}
самое обидное следующее, имдж цсс правит, двигает туда-сюда, вот только на всю длину никак не хочет разворачивать... вот не в какую... еще обиднее то, что ослик сразу понял, что мне надо и развернул картинку на полную, почему этого не делает огнелис, не понятно...
Помогите, пожалуйста, где грабли?
« Последнее редактирование: 01.12.2009, 08:21:49 от ANoct »
*

Funkdoobiest

  • Захожу иногда
  • 244
  • 25 / 13
Re: И вновь меню.... !
« Ответ #12 : 01.12.2009, 09:16:03 »
Ребят, извиняюсь, а поподробнее можно?

делаю так:
Код
span
{
display:none;
}
Так не стоит. Иначе все спаны будут спрятаны. перед спаном пропишите класс меню.
Цитировать
цепляю картинку в меню, текст-то пропадает, и картинка висит.... вот только она справа висит совсем в угол зажатая.
Подскажите, пожалуйста, как управлять выводом этой картинки из цсс.
огнелис надо юзать вместе с плагином firebug
выравнивание картинок в меню есть в настройках "другие параметры" в настройках модуля этого меню.
Цитировать
Путем эмпирическим нашел вот такую штуку:
Код
.menu1 li img
{
width:100%;
height:100%;
position:absolute;
border:4px double black;
top:50%;
margin-left:50%;
}
самое обидное следующее, имдж цсс правит, двигает туда-сюда, вот только на всю длину никак не хочет разворачивать... вот не в какую... еще обиднее то, что ослик сразу понял, что мне надо и развернул картинку на полную, почему этого не делает огнелис, не понятно...
Помогите, пожалуйста, где грабли?
не совсем понял что вы хотите получить от такого кода. То ли растянуть картинку... лучше всего это покажите ссылку на сайт. Либо постарайтесь описать точнее что есть и что нужно получить.
*

ANoct

  • Новичок
  • 8
  • 0 / 0
Re: И вновь меню.... !
« Ответ #13 : 01.12.2009, 09:42:50 »
К сожалению, ссылку на сайт дать не могу, так как шаблон делаю в денвере.
Проблема с выводом изображений в меню.
Цель: многоуровневое меню с картинками вместо ссылок.
Есть:
рисунок, прикрепленный в админке к пункту меню. Рисунок этот зажат в правый угол и сплющен, почти до вертикальной полосы.
Надо:
пункты меню сделать картинками. Раздвинуть рисунок на всю ширину модуля, если есть возможность (почти уверен, что есть))), сделать резиновый рисунок.
То есть, в частном случае, нужно понять, как управлять рисунком, прикрепленным к пунктам.
Данный стиль на ура работает в ie6, то есть есть возможность изменять и размеры и положение.
В Firefox размеры изображения жестко игнорируются... Причины понять не могу.
выравнивание картинок в модуле результата не дает.
Возможно есть вариант проще, но так как я далеко не веб-кодер, сходу его обнаружить не могу...
Спасибо, что вновь откликнулись  ^-^


собственно вот так выглядит меню...


зы, у меня спанов в коде вообще нет), но класс я прописал.)
« Последнее редактирование: 01.12.2009, 09:50:53 от ANoct »
*

Funkdoobiest

  • Захожу иногда
  • 244
  • 25 / 13
Re: И вновь меню.... !
« Ответ #14 : 01.12.2009, 09:52:52 »
для начала попробуйте сделать так

.menu1 li img
{
}

т.е. убрать все стили. Посмотрите что получиться.
*

ANoct

  • Новичок
  • 8
  • 0 / 0
Re: И вновь меню.... !
« Ответ #15 : 01.12.2009, 10:00:14 »
собсна, без стилей то же самое, абсолютно:

Код
<ul class="menu1">
<li id="current" class="active item1">
<a href="http://test1.ru/">
<img align="left" alt="home" src="/images/stories/bt1.jpg"/>
</a>
</li>

вывод огнежука на элемент ссылка.
*

ANoct

  • Новичок
  • 8
  • 0 / 0
Re: И вновь меню.... !
« Ответ #16 : 01.12.2009, 10:38:38 »
Ну вот, этот вопрос, вроде решил...
Цитировать
li#current.active
{
отвечает за ссыль
}

li#current.active img
{
отвечает за картинку ссыли
}

ух... спасибо) Надеюсь, больше помощь не понадобится)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 3435
Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

Ответов: 10
Просмотров: 2971
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 1459
Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 1374
Последний ответ 27.11.2020, 11:33:58
от coliandra
Как убрать маркер только из одного пункта меню.

Автор kuraev64

Ответов: 2
Просмотров: 1624
Последний ответ 20.07.2020, 11:18:44
от kuraev64