Новости Joomla

Русский язык для плагина N3T Cookie consent

Вставка VK VIDEO v.1.2.4 - плагин для Joomla.В новой версии добавлена поддержка вставки VK клипов

Компонент "Жимолость" v.1.2.0 (ex

Компонент "Жимолость" v.1.2.0 (ex. Спам-оборона для Joomla) Бесплатный компонент работает под Joomla и позволяет защищать формы сайта от атак спам ботов.👩‍💻 v.1.2.0. Что нового?Компонент полностью поддерживает работу с Joomla 6 без необходимости использования плагина совместимости. При этом поддержка Joomla 4 прекратилась, поскольку уже к Joomla 5 отличия между четвертой и пятой версиями были заметны. Компонент бесплатный. Существует версия для Joomla 3. Разработчик - участник нашего сообщества Владимир Егоров (@sitogon)Страница расширения#joomla #расширения

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

Davidich

  • Захожу иногда
  • 179
  • 7 / 1
Как сделать два разных меню <ul class="nav bar> и <ul class="menu-left">?
« : 18.03.2014, 18:50:13 »
Здравствуйте. Возник такой вопрос: возможно ли сделать два разных меню, например горизонтальное оставить как есть:
Код: html4strict
<nav class="menu-top-box">
<ul class="nav-bar">
<li class="item-101 current active">
<li class="item-107">
<li class="item-108">
<li class="item-109">
</ul></nav>

а вертикальное будет иметь отдельный <div> для заголовка и класс блока навигации и ul class отличный от горизонтального:
Код: css
<div class="menu-left-name"></div>  /*menu title*/
<nav class="menu-left-box">   /*class menu block*/
<ul class="menu-left">
<li class="item-115 current active">
<li class="item-116">
<li class="item-117">
<li class="item-118">
</ul></nav>

Такое возможно?
Записан
*

fbr

  • Завсегдатай
  • 1678
  • 208 / 7
Re: Как сделать два разных меню <ul class="nav bar> и <ul class="menu-left">?
« Ответ #1 : 18.03.2014, 20:12:51 »
Речь идет о стилевом оформлении
Воспользуйтесь суффиксом, не создавая дополнительных классов:
в оригинале
Код: css
.menu-top-box { стили для любых элементов меню}
с использованием суффикса
Код: css
.suffix .menu-top-box { уже другие стили }

Т.е. все эти ваши

Код: html4strict
<div class="menu-left-name"></div>  /*menu title*/
<nav class="menu-left-box">   /*class menu block*/
<ul class="menu-left">

можно получить, просто переопределив классы с учетом суффикса, и не создавая новых классов

Записан
*

master-smeta

  • Захожу иногда
  • 298
  • 10 / 0
Re: Как сделать два разных меню <ul class="nav bar> и <ul class="menu-left">?
« Ответ #2 : 18.03.2014, 20:24:54 »
В модуле меню добавьте суффикс CSS-класса. Для горизонтального меню заголовок отключаете, а для вертикального - включаете. Добавить/изменить блоки можно в файле modules.php Остальное делается с помощью CSS

В идеале достаточно суффикса и CSS
Записан
*

Davidich

  • Захожу иногда
  • 179
  • 7 / 1
Re: Как сделать два разных меню <ul class="nav bar> и <ul class="menu-left">?
« Ответ #3 : 19.03.2014, 11:06:45 »
Цитата: fbr от 18.03.2014, 20:12:51
Речь идет о стилевом оформлении
Воспользуйтесь суффиксом, не создавая дополнительных классов:
в оригинале
Код: css
.menu-top-box { стили для любых элементов меню}
с использованием суффикса
Код: css
.suffix .menu-top-box { уже другие стили }

Т.е. все эти ваши

Код: html4strict
<div class="menu-left-name"></div>  /*menu title*/
<nav class="menu-left-box">   /*class menu block*/
<ul class="menu-left">

можно получить, просто переопределив классы с учетом суффикса, и не создавая новых классов


Вот это уже интересно уже. Немного подумав, так как у меню <h3> заголовок, то и есть выше <div class="menu-left-name"> который и есть стиль всего модуля и в принципе можно добавить класс:
Код: css
.menu-left-name h3 {стиль заголовка}
.menu-left-box .menu-left-box {следующий стиль}
С .menu-left-name h3 всё получилось, а далее выходит корявенько)). А может есть вариант, где можно разделить вертикальное и горизонтальное меню на модули с совсем разными дивами ?
<div class="
<nav class="
<ul class="

Цитата: master-smeta от 18.03.2014, 20:24:54
В модуле меню добавьте суффикс CSS-класса. Для горизонтального меню заголовок отключаете, а для вертикального - включаете. Добавить/изменить блоки можно в файле modules.php Остальное делается с помощью CSS

В идеале достаточно суффикса и CSS
Было бы дело в настройках модуля, я бы не задавал вопрос...
Записан
*

fbr

  • Завсегдатай
  • 1678
  • 208 / 7
Re: Как сделать два разных меню <ul class="nav bar> и <ul class="menu-left">?
« Ответ #4 : 19.03.2014, 11:25:58 »
Цитата: Davidich от 19.03.2014, 11:06:45
...
С .menu-left-name h3 всё получилось, а далее выходит корявенько)). А может есть вариант, где можно разделить вертикальное и горизонтальное меню на модули с совсем разными дивами ?
<div class="
<nav class="
<ul class="
...
А что корявенько-то? не очень понял

Если вам непременно хочется другие теги и классы - переопределяйте макет вывода модуля
Копируйте нужные файы к себе в шаблон templates/html/mod_name/файл.php
и там расставляйте нужные теги и классы.
Переименовываете файлы, и у вас появится в настройках альтернативный макет вывода.
Записан
*

Davidich

  • Захожу иногда
  • 179
  • 7 / 1
Re: Как сделать два разных меню <ul class="nav bar> и <ul class="menu-left">?
« Ответ #5 : 19.03.2014, 12:30:06 »
Я с таким же успехом могу и сам модуль дефолтный переделать, но суть то не меняется, остается один на всех <ul class="имя">, а мне надо <ul class="имя1"> и <ul class="имя2"> два разных имя.
« Последнее редактирование: 19.03.2014, 12:33:30 от Davidich »
Записан
*

fbr

  • Завсегдатай
  • 1678
  • 208 / 7
Re: Как сделать два разных меню <ul class="nav bar> и <ul class="menu-left">?
« Ответ #6 : 19.03.2014, 12:39:18 »
Цитировать
а мне надо <nav class="имя1"> и <nav class="имя2">

Так об этом изначально речь и шла!

nav.имя2 {} == .suffix nav.имя1 {}

по-моему, самый простой способ
Как пример:
Код: css
nav.имя1 >li { float: none; }
.suff nav.имя1 >li { float: left; }
Записан
*

Davidich

  • Захожу иногда
  • 179
  • 7 / 1
Re: Как сделать два разных меню <ul class="nav bar> и <ul class="menu-left">?
« Ответ #7 : 19.03.2014, 12:54:30 »
С двумя разными <nav class="имя"> решение простое в index.php!
Код: php
<?php if($this->countModules('имя1')) : ?>
   <nav class="имя1">
      <jdoc:include type="modules" name="имя1" style="xhtml" /> 
          </nav> 
             <?php endif; ?>

<?php if($this->countModules('имя2')) : ?>
   <nav class="имя2">
      <jdoc:include type="modules" name="имя2" style="xhtml" /> 
          </nav> 
             <?php endif; ?>
А хотя бы надо мне узнать как сделать два разных <ul class="имя1"> и <ul class="имя2">, один из которых прописан в default.php как:

Код: php
<?php // The menu class is deprecated. Use nav instead. ?>
<ul class="ИМЯ<?php echo $class_sfx;?>"<?php
	$tag = '';

	if ($params->get('tag_id')!= null)
	{
		$tag = $params->get('tag_id'). '';
		echo ' id="' . $tag . '"';
	}
?>>

Записан
*

master-smeta

  • Захожу иногда
  • 298
  • 10 / 0
Re: Как сделать два разных меню <ul class="nav bar> и <ul class="menu-left">?
« Ответ #8 : 20.03.2014, 11:08:44 »
Ну говорят же Вам, добавьте суффикс к классу модуля! И получите новое "имя"
у Вас даже в коде подсказка:
Код
<ul class="ИМЯ<?php echo $class_sfx;?>"
<?php echo $class_sfx;?> это и есть суффикс. т.е. допустим простое имя у Вас "ИМЯ". Тогда если нужно получить имя "ИМЯ1", то нужно просто в качестве суффикса добавить 1. тогда, согласно приведенному Вами выше коду "1" приконкатенируется к "ИМЯ" и получите "ИМЯ1"
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

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

Автор vasilii.pupkov

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

Автор DrShepard

 Ответов: 10
Просмотров: 2978 		Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как сделать?

Автор Twins

 Ответов: 3
Просмотров: 1906 		Последний ответ 01.07.2021, 13:11:51
от xpank
Как сделать кнопку формы аккаунта?

Автор Evgen Kulibin

 Ответов: 0
Просмотров: 1075 		Последний ответ 22.04.2021, 22:15:06
от Evgen Kulibin
Как сделать плавающий модуль?

Автор THeCMeX

 Ответов: 2
Просмотров: 1232 		Последний ответ 08.03.2021, 22:21:01
от Flexderection