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

Davidich

  • Захожу иногда
  • 179
  • 7 / 1
Здравствуйте. Возник такой вопрос: возможно ли сделать два разных меню, например горизонтальное оставить как есть:
Код: 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

  • Завсегдатай
  • 1625
  • 189 / 7
Речь идет о стилевом оформлении
Воспользуйтесь суффиксом, не создавая дополнительных классов:
в оригинале
Код: 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
В модуле меню добавьте суффикс CSS-класса. Для горизонтального меню заголовок отключаете, а для вертикального - включаете. Добавить/изменить блоки можно в файле modules.php Остальное делается с помощью CSS

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

Davidich

  • Захожу иногда
  • 179
  • 7 / 1
Речь идет о стилевом оформлении
Воспользуйтесь суффиксом, не создавая дополнительных классов:
в оригинале
Код: 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="

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

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

fbr

  • Завсегдатай
  • 1625
  • 189 / 7
...
С .menu-left-name h3 всё получилось, а далее выходит корявенько)). А может есть вариант, где можно разделить вертикальное и горизонтальное меню на модули с совсем разными дивами ?
<div class="
<nav class="
<ul class="
...
А что корявенько-то? не очень понял

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

Davidich

  • Захожу иногда
  • 179
  • 7 / 1
Я с таким же успехом могу и сам модуль дефолтный переделать, но суть то не меняется, остается один на всех <ul class="имя">, а мне надо <ul class="имя1"> и <ul class="имя2"> два разных имя.
« Последнее редактирование: 19.03.2014, 12:33:30 от Davidich »
*

fbr

  • Завсегдатай
  • 1625
  • 189 / 7
Цитировать
а мне надо <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
С двумя разными <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
Ну говорят же Вам, добавьте суффикс к классу модуля! И получите новое "имя"
у Вас даже в коде подсказка:
Код
<ul class="ИМЯ<?php echo $class_sfx;?>"
<?php echo $class_sfx;?> это и есть суффикс. т.е. допустим простое имя у Вас "ИМЯ". Тогда если нужно получить имя "ИМЯ1", то нужно просто в качестве суффикса добавить 1. тогда, согласно приведенному Вами выше коду "1" приконкатенируется к "ИМЯ" и получите "ИМЯ1"
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

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

Автор vasilii.pupkov

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

Автор DrShepard

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

Автор Twins

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

Автор Evgen Kulibin

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

Автор THeCMeX

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