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

nick71

  • Завсегдатай
  • 1145
  • 12 / 12
  • Сайты любой сложности - обращайтесь
Пункт Меню в 2 строки
« : 13.02.2019, 22:41:44 »
Joomla 3.9.3. шаблон Helix3
надо один из пунктов, состоящий из 2-х слов сделать в две строки, вставка <br /> в поле заголовка не помогает, после сохранения тег исчезает. Как еще можно это осуществить?
*

Taatshi

  • Глобальный модератор
  • 5258
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
Re: Пункт Меню в 2 строки
« Ответ #1 : 14.02.2019, 21:32:32 »
Вставлять определенный символ, при выводе пунктов меню парсить в макете вывода модуля меню на его наличие, если есть - бить строку на две части, оборачивать первую часть в span и уже в CSS спану display:block;

На форуме несколько раз были темы с кодом - поищите.
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
*

nick71

  • Завсегдатай
  • 1145
  • 12 / 12
  • Сайты любой сложности - обращайтесь
Re: Пункт Меню в 2 строки
« Ответ #2 : 14.02.2019, 22:43:24 »
в Helix3 для основного меню нет модуля, я так понимаю эта функция встроена в сам шаблон, второй день перерываю Google - не могу найти решение которое работало б. И я не кодер к сожалению, потому не совсем (мягко говоря :) ) понял что к чему. А можно какую-то рекомендацию в виде примеров, типа "вот в этом файле пропиши/замени этот код а в стилях пропиши вот это"/ Можно на примере сайта http://trendculture.com.ua/ и пункта Полезная информация
*

Taatshi

  • Глобальный модератор
  • 5258
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
Re: Пункт Меню в 2 строки
« Ответ #3 : 15.02.2019, 01:32:07 »
ой, про Helix я как-то прозевала... Там все тяжко. Имхо, мне лично было бы проще before к ссылке прилепить - не знакома я с ним настолько.

\plugins\system\helix\core\classes\menu.php - тут в районе 121 строки $item->name надо разобрать я так подозреваю. Но это затрется при обновлении.

Плагин нужно писать.
« Последнее редактирование: 15.02.2019, 01:39:23 от Taatshi »
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
*

sivers

  • Живу я здесь
  • 2464
  • 336 / 0
Re: Пункт Меню в 2 строки
« Ответ #4 : 15.02.2019, 09:49:33 »
Еще можно стилями уменьшить ширину для пункта меню и тогда слова сами перенесутся в 2 строки
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

nick71

  • Завсегдатай
  • 1145
  • 12 / 12
  • Сайты любой сложности - обращайтесь
Re: Пункт Меню в 2 строки
« Ответ #5 : 15.02.2019, 11:41:38 »
ой, про Helix я как-то прозевала... Там все тяжко. Имхо, мне лично было бы проще before к ссылке прилепить - не знакома я с ним настолько.

\plugins\system\helix\core\classes\menu.php - тут в районе 121 строки $item->name надо разобрать я так подозреваю. Но это затрется при обновлении.

Плагин нужно писать.
чтоб не затерлось можно в шаблон перенести вроде? Знать бы что именно там прописать...
Еще можно стилями уменьшить ширину для пункта меню и тогда слова сами перенесутся в 2 строки
попробовал но не могу осилить чтоб ровненько было, получается (на локалке) http://prntscr.com/mle12p
*

Taatshi

  • Глобальный модератор
  • 5258
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
Re: Пункт Меню в 2 строки
« Ответ #6 : 15.02.2019, 13:40:13 »
Ради того, что Вы делаете, не нужно ничего, кроме CSS. Выложите на тестовый хостинг - велкам. По картинке не умею.
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
*

sivers

  • Живу я здесь
  • 2464
  • 336 / 0
Re: Пункт Меню в 2 строки
« Ответ #7 : 15.02.2019, 21:39:04 »
попробовал но не могу осилить чтоб ровненько было, получается (на локалке) http://prntscr.com/mle12p
Либо на тестовый сервер, либо сохраните страницу и выложите. Там стилей 2-3 строчки надо.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

nick71

  • Завсегдатай
  • 1145
  • 12 / 12
  • Сайты любой сложности - обращайтесь
Re: Пункт Меню в 2 строки
« Ответ #8 : 15.02.2019, 23:15:52 »
вот в принципе тот же Хеликс3, может на нем можете показать? http://trendculture.com.ua/
*

sivers

  • Живу я здесь
  • 2464
  • 336 / 0
Re: Пункт Меню в 2 строки
« Ответ #9 : 16.02.2019, 08:55:07 »
Например, вот так:

Код
#sp-menu li:nth-last-child(2) a {
    width: 160px;
    line-height: 20px;
    position: relative;
    top: 10px;
}

Тут стилится предпоследний пункт меню, т.к. уникальных классов у пунктов нет.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

nick71

  • Завсегдатай
  • 1145
  • 12 / 12
  • Сайты любой сложности - обращайтесь
Re: Пункт Меню в 2 строки
« Ответ #10 : 16.02.2019, 10:17:04 »
Спасибо огроменное! Помогло, и мне урок: пробовал примерно так но line-height надо было с !important прописать...
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Пункт меню Текстовый разделитель ведет на главную страницу

Автор zahar_92

Ответов: 8
Просмотров: 2466
Последний ответ 27.07.2023, 13:37:17
от ei-dos
[РЕШЕНО]Скрыть пункт меню на мобильных устройствах

Автор lexxbry

Ответов: 16
Просмотров: 4703
Последний ответ 23.05.2023, 07:22:49
от geral
Цвет фона меню

Автор IhorPH

Ответов: 7
Просмотров: 1138
Последний ответ 21.03.2023, 11:47:29
от marksetter
OffCanvas меню Helix Ultimate добавить текст к иконке

Автор Andre100

Ответов: 2
Просмотров: 2161
Последний ответ 20.03.2023, 12:42:49
от Andre100
OffCanvas меню

Автор Алексей Лоскутов

Ответов: 5
Просмотров: 2234
Последний ответ 13.02.2023, 20:20:37
от dashkov