Подскажите, пожалуйста, модуль, который может отображать меню как многоуровневые папочки. Когда-то я нашел такой, но забыл как называется.
Что-то не нашел подходящего, можете помочь найти этот модуль? На сколько я помню, нашел какой-то обычный модуль меню в настройках были эти папки
Что-то я там папочки с плюсиками не нашел. А лучше всего другое, вы знаете как в CSS прописать такое меню?
qwe88, для этого существует каталог на офсайте Joomla! - http://extensions.joomla.org/ Вот ссылка на раздел с меню в виде дерева, которые вас интересуют - Tree Menus Вот ссылки на меню, совместимые с Joomla 1.0.x: - MosCmenuTree (бесплатное, лично не проверялось, поэтому не уверен, подойдет ли оно вам); - Extended Menu (так же бесплатное, которое вам посоветовал многоуважаемый Fanamura, в нем вас должен интересовать режим dTree при настройке модуля); проверял лично, работает именно как дерево папок, разве что в css чуть-чуть подправить стили.
покажите что у вас получилось и объясните, что вам в этом не нравится и как хотелось бы чтобы это выглядело. в целом css правится путем нахождения нужного файла на хостинге (через ftp-доступ), скачивания его к себе на компьютер, исправления его содержимого в удобном для вас редакторе (обычный блокнот, notepad++, adobe dreamweaver и т.д.), и закачивания его обратно с перезаписью старого варианта.
Когда я устанавливаю модуль Extended Menu и ставлю dtree, то никаких папочек нету, только мое развернутое меню. Что нужно прописать в Css, что бы папочки были?
"Покажите" подразумевает предоставление возможности самому посмотреть: дайте уже ссылку на сайт... Я не телепат и не знаю, какой у вас шаблон, и какие уже есть стили. Я не помню наизусть какая архитектура элементов в extended menu в режиме dTree, и уж тем более, не помню названия классов для этих элементов. И так уж вышло, что у меня нет ни тестового хостинга с "голой" джумлой и установленным на нее extended menu, ни времени, чтобы его сделать. Поэтому вот так вот на словах я вам ничем помочь не могу. Надо найти элементы, которые отвечают за вывод пунктов меню (скорее всего, это элементы ненумерованного списка - <li>...</li>), выставить им соответствующие размеры и отступы и добавить фоновую картинку с "папкой". Картинку скачать или нарисовать самому. Например, для компонента онлайн-каталога SOBI2 есть меню mosetsTree, призванное отображать категории каталога и его наполнение в виде, очень приближенном к проводнику windows. Там можно и css подглядеть, и картинки фоновые позаимствовать.
qwe88, Jkr, Если не ошибаюсь, то в скачиваемом файле меню будет css, его нужно подключить к шаблону. Проверьте
так. пришлось таки разбираться. идем вот сюда: http://de.siteof.de/detree/extended-menu-faq.html (официальный сайт расширения) и в боковой колонке под надписью look&feel находим волшебное словосочетание "simple tree", жмем, смотрим, что получилось. если это то, что вам нужно (меню в виде дерева, как в проводнике windows), то вот как вам следует поступить: 1) скачали модуль, установили к себе; 2) опубликовали, в настройках поставили в разделе ...[ style ]...: а) Menu Style - tree list b) Show Menu Icons - no c) остальное по вкусу 3) Идем на сайт и смотрим, что получилось. Скорее всего, ничего, но, если посмотреть в код, то мы увидим вот такую структуру меню: Код (html): <div class="tree"> <div class="start"></div> <ul> <li> <span class="join"></span> <span class="document"></span> <a href="..." class="mainlevel" accesskey="1" title="...">...</a> </li> <li><span class="join"></span> <span class="document"></span> <a href="..." class="mainlevel" accesskey="l" title="...">...</a> </li> ... </ul> </div> Вот эта часть - "<span class="join"></span><span class="document"></span>" - отвечает как раз за "прорисовку" этих самых папочек и т.п. 4) Идем на вышеозначенный сайт и подглядываем там css. Для этого подойдет любой "девелоперский" инструмент, например, firebug для firefox (не сочтите за рекламу). С его помощью находим css (хотя, фактически, это можно сделать и стандартными средствами браузера, подглядев ссылку на css в коде) - http://de.siteof.de/templates/detree/css/template_css.css - сохраняем его себе. 5) В самом css находим строки, отвечающие за вывод этого самого меню: на первый взгляд это строки с 447по 572. Копируем их, и вставляем в css своего шаблона. Теперь вид меню у нас похож, только нет графики. 6) Подглядываем, где лежат картинки на сайте-примере: http://de.siteof.de/templates/detree/images/, но прямой доступ в директорию закрыт, поэтому мы берем из css названия картинок и подставляем их в этот адрес. Например, для картинки plus.gif, это будет http://de.siteof.de/templates/detree/images/plus.gif. Качаем все нужные нам картинки, а затем вставляем их к себе по адресу: http://ваш_сайт.ру/templates/название_вашего_шаблона/images/. 7) Наслаждаемся полученным результатом. При необходимости, ищем себе другие картинки папочек, галочек и пр. 8) Учимся в дальнейшем решать простые вопросы копирования давно сделанной работы самостоятельно. Для любой подобной работы модель всегда одинаковая: нашли демку, открыли код, посмотрели что не совпадает с вашим, ликвидировали несовпадения, получившуюся рабочую версию обыграли как вам надо. Если это не то, что вам требуется, то либо я некорректно понял, либо вы недостаточно объяснили.
