Горизонтальное меню - как сделать? - Joomla 2.5: Настройка и оптимизация

До обновления одно из меню было расположено горизонтально, после обновления все пункты выстроились вертикально. Как можно настроить вывод пунктов/ссылок горизонтально?

Вероятней всего у вас были правки модуля меню прям в папке модулей, без оверрайда. Что можно сделать:
Варинт 1: смотрите файрбагом ваше "обновлённое" меню, смотрите, какой можно отличительный селектор назначить, оформляете по-новой в CSS примерно так Вариант 2: Откатывает свои изменения. Правда для этого надо иметь архив того, что было до обновления . Затем копируете папку модуля меню куда-нить. Обновляете обратно. Сравниваете Новый модуль меню со старым. Если отличия только в папке tmpl, то копируете содержимое в мой_шаблон/html/mod_menu/... . Всё.

Всем привет.
Господа, подскажите, верхнее меню нужно расположить горизонтально.
Ситуация:
Начал изучать Joomly. Уроки по Joomla 1.5 у меня Joomla 2.5
При создании меню в курсе показан выбор (горизонтальное или вертикальное.) В Joomla 2.5 ничего подобного нет.
Второе меню, нужно расположить сверху на странице и горизонтально, а оно получается вертикально.
Пробовал распологать в других местах - тоже вертикально.
И нигде не нашел выбора (вертикально или горизонтально).
От чего это зависит? И Как победить?

Установил Joomla 2.5, т.к. поддержка ветки 1.5 прекратилась, а нормальных уроков по Joomla 2.5 не нашел.
Установил бесплатный шаблон, там изначально нет горизонтального меню. Да и в ураках горизонтальное меню делалось с нуля.

Шаблон взял с первого сайта через поиск в Google.

пробовал установить Joomla 3, но при установке шаблона для Joomla 3 - весь интерфейс меняется на "иероглифы" (шаблоны были для Joomla 3), поэтому остановился на Joomla 2.5.
это, так для информации.

А вопрос про горизонтальное меню. Как победить.
В процессе обучения и создания сайта на Joomla будет еще много вопросов, но возможно разберусь. т.к. еще рано спрашивать.
Уроки по созданию меню закончились, а ответа не нашел.

Сам делаю сайты на HTML и чистом php с использованием CSS, javascript, jQuery.
А сейчас нужно на CMS, выбрал Joomly.

Надеюсь наВашу помощь.

Да и конечно-же Всех с Наступающим Новым Годом (31.12, 15:50)

С Уважением Александр.

Этот выбор убрали как анахронизм. Вертикальным/горизонтальным его делаете средствами вёрстки. Разметка всегда типовая. Самое простое решение сходу:

float:left; - параметр в CSS
Просмотрел все CSS таблицы, не нашел ничего, что связано с позицией где распологается данное меню. (это top), а вертикольное  меню было по умолчанию в (position-7).
немогли бы Вы подсказать точнее, где нужно указать данный параметр.
Попробовал применить другой шаблон, выбрал нужную позицию - горизонтальное меню стало горизонтальным в этом шаблоне.
Если не смогу победить - буду менять на другой шаблон.

С Уважением Александр.

Откройте для себя такой полезный инструмент как FireBug . Если Вы делаете сайты, то этот инструмент сильно пригодится . Даже если Вы :

Сам делаю сайты на HTML и чистом php с использованием CSS, javascript, jQuery.

 
Удачи в работе

Спасибо, буду пробовать.  FireBug - есть, но не пользуюсь.
о результатах отпишусь.

С Уважением Александр.

И очень зря не пользуетесь . Когда переделываете чужой шаблон, FireBug это очень полезный инструмент в работе .

Да, Вы правы. Нужно будет изучить, как правильно пользоваться. Возможно (как и во многих уроках сказанно) - облегчает работу.
Но, мне как-то удобнее смотреть исходный код и далее стили, ID и все прочее.
Но это относится к сайтам на HTML у которых код написан по-человечески. Но в последнее время (года три) в коде встречается столько всего лишнего, И стили совмешенные и все тому подобное, что сразу и не увидишь, где, что и к чему относится.

Завтра Клиент выберет дизайн, там посмотрим, может вернемся к этой теме.

Бубу надеется на Вышу поддержку.

С Уважением Александр.

Еще вариант: в настройках модуля меню справа во вкладке Advanced:
Menu Tag ID  вписать nav
Menu Class Suffix вписать -nav (с дефисом)
Удобно для навигационного верхнего меню.

Еще вариант: в настройках модуля меню справа во вкладке Advanced:
Menu Tag ID  вписать nav
Menu Class Suffix вписать -nav (с дефисом)
Удобно для навигационного верхнего меню.

И что ? Добавили новый идентификатор и класс . Как это поможет выстроить пункты меню по горизонтали .

midav - естессно это никак не поможет, видимо товарищ еще не в курсе )
В общем есть только одно решение: FireBug + float:left || display: inline-block

И что ? Добавили новый идентификатор и класс . Как это поможет выстроить пункты меню по горизонтали .

Помогает же Меню из вертикального списка становится горизонтальным. У меня прекрасно работает. Меню с nav

Меню без nav

Один и тот же модуль.
Или я просто не так понял в чем вопрос.

Помогает же Меню из вертикального списка становится горизонтальным. У меня прекрасно работает. Меню с nav

Меню без nav



Один и тот же модуль.
Или я просто не так понял в чем вопрос.

hostodont. Напиши, плз., подробнее как ты в CSS этот суффикс прописал, к какому модулю меню. Связывал ли этот суффикс с #mod_menu ? Заранее благодарен.

Janvleder
Попробуйте разобраться с приложением.
Воткните код в index.php Вашего шаблона
таблицу стилей положите в папку со стилями Вашего шаблона, не забудьте подключить ее в index.php.
Надеюсь поможет в решении поставленной задачи 
Все свои дополнительные хотелки сможете реализовать через расширение/изменение стилей
Удачи

[вложение удалено Администратором]

Всем привет!

Такая же проблема, есть модуль, должен идти горизонтально, а пункты все идут вертикально.

Сайт http://www.best-trip4you.ru/

Перепробовала вышеперечисленные методы - эффекта нет. Менюшка идет в столбик.

Ребята, подскажите, что это еще может быть? Где искать ошибку, в каких файлах?

очень надо!

Margo2901, доброго вечера Вам
Я вероятно не совсем понимаю Вашу задачу.
Посмотрите горизонтальный вариант предыдущего меню, возможно это то, что Вам нужно.
Средствами CSS можно добиться очень интересных эффектов.

[вложение удалено Администратором]

Janvleder, с правилами ознакомились? Все сообщения, где вы использовали красный цвет удаляю.

Попробую кратко описать создание меню на своем собственном примере. Возможно кому-то не очень искушенному это опыт и пригодится.
Неважно, горизонтальное будет Ваше меню или вертикальное. Собственноно его вывод в том или ином виде зависит от выводящего модуля, места выведения этого модуля и от дизайна, который делается на CSS. Базовые шаблоны для верстки, которые можно интерпретировать под дизайн своего сайта, я уже предлагал выше (от идеала далеки, но для новичков, таких как я, подойдут для развития навыков).

Итак, по порядку:
1. Менеджер меню-Меню_ создаем меню  , задаем англоязычно тип меню на собственному усмотрению
2. Менеджер меню-Пункты меню_ создаем пункты согласно своим потребностям, при создании пунктов задаем "Тип пункта меню"-выбрать и из окна выбираем то, что нужно по идеологии создаваемого Вами меню
2.1. Можно делать глубоко вкладываемые менюшки по аналогии с матрешкой, чем глуюже забредаешь, тем уже и точнее тематика создаваемого пункта.
3. Расширения-Менеджер модулей-Создать_ выбираем тип модуля "меню", "Основные параметры"-"выбор меню" выбираем из вып.списка то, с которым хотим работать далее.
4. Если хотите, чтобы меню разворачивалось в процессе своей эксплуатации при наведении, установите "Показывать подпункты меню"_Да.
5. Дополнительные параметры-ID Меню_ пропишите, название стиля из таблицы стилей меню style.css. В моем случае это "css3menu1".
6. Style.css положите, например, в папку со стилями Вашего шаблона.
7. Подключите таблицу стилей в index.php после строки <jdoc:include type="head" /> и строкой:
<link rel="stylesheet" href="/templates/ВашШаблон/css/style.css" type="text/css" /><style type="text/css">._css3m{display:none}</style>

Ну и вроде вот как после всех этих действий Вы сможете лицезреть на своем сайте сложновложенное меню в том стиле, который Вы описали в CSS... При этом при наведении на пункт меню, где есть эти сложновложенности, созданные в п.2.1., меню будет резко вываливаться...
Как сделать плавно выпадающее меню на чистом CSS, пока не знаю.
Может быть кто-то подскажет? Буду признателен.
Привет всем  

До 4-ого пункта все было понятно, потом проблемс...

А можно по пунктам, как сделать вертикальное меню горизонтальным?

Ткинете носом, что и где исправлять? Не работает горизонтальная менюшка (подпункты идут столбцом), хотя пункты в этом модуле должны идти горизонтально.

МОжет что не так делаю? МОдуль сам называется user3. Какое тогда имя будет у файла сss?

И где именно исправлять это? Там столько файлов CSS, можно всю жизнь сидеть и искать.

Таблицы стилей
Изменить css/admin.css
Изменить css/jquery-ui-1.8.13.custom.css
Изменить css/layout.css
Изменить css/picker.css
Изменить css/rtl.css
Изменить css/scrollTo.css
Изменить css/template_css.css

Помогите чайнику, где хоть искать?

Привет,Margo2901!  

У меня такая же ситуация была и я, вроде как, решил её след образом...
Просмотрел через FireBug какой класс со"держит" все мое меню ( т.е. в которые включаются теги <ul> и <li>). В Firebug-е, думаю, разберешься: на кнопку Insert жмешь и далее по своей менюшке курсором водишь и в окне внизу отображаются все <div>, <class>, id и т.д. Ну, короче, ты понял  .

Далее прямиком с этим классом в папку CSS. Открываешь свой файл с каскадами и пишешь туда в конце
C display можешь поробывать вместо block поставить inline. Поэкспериментируй.
Далее через margin выравниваешь в модуле.

Вот как-то так делал я. Желаю удачи.  

Margo2901,
Как-то не получится у меня наверно еще больше разжевать .
Но попробую еще.
1. Скачайте архив  CSS3 MenuGorisontal_files.rar
2. Файлы из архива: style.css и три картинки, скопируйте в папку стилей своего шаблона: /templates/ВашШаблон/css/
3. В файле шаблона index.php, который лежит /templates/ВашШаблон/index.php, пропишите путь к файлу style.css, после строки <jdoc:include type="head" /> впишите строку:
<link rel="stylesheet" href="/templates/ВашШаблон/css/style.css" type="text/css" /><style type="text/css">._css3m{display:none}</style>
3.1. Именно в style.css Вы затем сможете править цвета, оформление меню в рамках гаммы своего сайта.
очень поможет в этом понимание CSS и кроме Вас Вам никто не поможет, рекомендую воспользоваться http://htmlbook.ru/css и, не бояться экспериментировать со стилями.
4. В Joomla, в менеджере модулей, создайте модуль для вывода меню на сайт, поставьте в "Основных параметрах"_"Показывать подпункты меню" - ДА.
5. В "Дополнительных параметрах", в "ID Меню", впишите menucss3. См.картинку.

Пробуйте 

[вложение удалено Администратором]

И снова здравствуйте! Всем огромное спасибо кто помогает советами и учавствует в проблеме.

Попробовала я метод создания нового меню и соответсвенно модуля к нему. Создала новый файл меню и у меня все в горизонт ушло, видно в шаблоне надо в определенном месте вставлять, предпологаю- что это строки топ-меню, только так и не смогла найти -где в шаблоне они прописаны.

Как быть? 

Margo
попробуйте посмотреть в "Менеджере шаблонов", во вкладке "Шаблоны", в привязке к Вашему шаблону все возможные его позиции. У шаблона должна быть ссылка "Предварительный просмотр", перейдя по которой Вы увидите все возможные точки вывода модулей.
Поэкспериментируйте с выводом созданного Вами "Модуля меню" в разные подходящие по Вашему замыслу позиции своего шаблона.

[вложение удалено Администратором]

не могу задать стиль для суффикса класса меню.... помогите! Задаю суффикс класса меню -new, затем в стилях выбранного шаблона прописываю:
 .menu-new ul li { 
display: inline;
}
не помогает? ... модуль поддерживает вывод горизонтального меню. Подскажите в чем моя ошибка...?

или

вставил Ваш код для горизонтального меню
 .menu-new ul li {
display: inline-block;
}
- не выходит...скажите пожалуйста, как в стандартном шаблоне Beez5 вывести стандартное меню (mainmenu) в горизонтальном положении?

Большое спасибо Janvleder , ваш совет помог!

В Joomla 3.1.5 делается это очень легко. Заходим в - Расширения - Менеджер модулей - Верхнее меню - Настройки - Дополнительные параметры - Суффикс класса меню - nav nav-pills (прописываем сами). Нажимаем кнопку сохранить и закрыть. Все. Меню становится горизонтальным. Кому нужны подробности, то заходите на сайт - http://bootstrap-ru.com/components.php#navs. Там очень много фишек для Joomla.

смотрим вот тут - http://joomlaforum.ru/index.php/topic,277049.msg1382073.html#msg1382073
да! такое есть. В полторачке было проще с созданием меню. Но чтобы в Жуумле 2,5 создать меню, надо
--- Создаем новый модуль тип модуля "меню"
--- Задаем позицию в шаблоне
--- Горизонтальное/вертикальное --- определяем в CSS шаблона
Есть ссылка на сайт со стилями что и как