Новости Joomla

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

kosh2323

  • Осваиваюсь на форуме
  • 48
  • 0 / 0
Может тема уже подымалась, если да, то простите, и по возможности ткните. Вопрос вот в чем, нужно скрыть текст ссылки на определенных разрешениях, но в класс ссылки ещё прописана иконка Awesome fa fa-truck, есть идея, в своем макете меню как то обрамить сам текст <span class=> и потом уже скрыть на нужных разрешениях, но не пойму в каком конкретно файле и где задается текст ссылки меню, подскажите пожалуйста, да и стоит ли это делать, может у кого есть другие какие идеи на этот счет? Задача отображать текст ссылки вместе с иконкой Awesome на всех разрешениях, а на <768 отобрать ссылку в виде иконки.
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Скрыть только текст ссылки
« Ответ #1 : 24.10.2021, 23:24:17 »
если это необходимо то можно прописать дополнительный class \ id для пункта меню и уже при помощи
Код
@media screen and (max-width: 768px) {....} 
прописать вывод до и после 768px
Подробнее можно расписать, но надо знать, как именно устроено вывод пунктов меню. Как формируется вывод иконки и текста? Можно посмотреть на пациента?
« Последнее редактирование: 24.10.2021, 23:29:54 от darkghost »
*

kosh2323

  • Осваиваюсь на форуме
  • 48
  • 0 / 0
Re: Скрыть только текст ссылки
« Ответ #2 : 25.10.2021, 09:28:17 »
Суть вопроса не в этом, как скрыть тот или иной класс на разных расширениях, а как присвоить этот класс только тексту ссылки меню.
*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
Re: Скрыть только текст ссылки
« Ответ #3 : 25.10.2021, 09:57:17 »
Суть вопроса не в этом, как скрыть тот или иной класс на разных расширениях, а как присвоить этот класс только тексту ссылки меню.
Только если обернуть текст в тег с классом (span, например).
Но, если хочется застилить, не прибегая к изменению структуры, то можно, для всей ссылки сделать размер шрифта = 0 (можно еще и цвет прозрачный установить), чтоб скрыть все содержимое ссылки, затем вторым правилом для иконки (a .fa) отменить действие предыдущего правила (установить размер шрифта > 0 и цвет). Таким образом вы скроете только текст, а иконка будет отображаться.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

kosh2323

  • Осваиваюсь на форуме
  • 48
  • 0 / 0
Re: Скрыть только текст ссылки
« Ответ #4 : 25.10.2021, 10:17:13 »
Только если обернуть текст в тег с классом (span, например).
Но, если хочется застилить, не прибегая к изменению структуры, то можно, для всей ссылки сделать размер шрифта = 0 (можно еще и цвет прозрачный установить), чтоб скрыть все содержимое ссылки, затем вторым правилом для иконки (a .fa) отменить действие предыдущего правила (установить размер шрифта > 0 и цвет). Таким образом вы скроете только текст, а иконка будет отображаться.
Мне не нужно ставить размер шрифта 0, в первом посте написал, задача отображать текст ссылки и иконку, а на разрешениях, например <768 только иконку ссылки.
Понятно, что сам текст должен быть обернут в какой-то тег, например <span>, даем ему класс, ну а там уже CSS. Вопрос то в другом, как присвоить, в каком файле макета, и где конкретно можно накинуть этот <span> только тексту ссылки?
*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
Re: Скрыть только текст ссылки
« Ответ #5 : 25.10.2021, 12:20:44 »
Мне не нужно ставить размер шрифта 0, в первом посте написал, задача отображать текст ссылки и иконку, а на разрешениях, например <768 только иконку ссылки.
Понятно, что сам текст должен быть обернут в какой-то тег, например <span>, даем ему класс, ну а там уже CSS. Вопрос то в другом, как присвоить, в каком файле макета, и где конкретно можно накинуть этот <span> только тексту ссылки?
Если надо поменять верстку - меняйте в макете.
Но можно обойтись и CSS-м. В ветке вам дали оба решения уже.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

kosh2323

  • Осваиваюсь на форуме
  • 48
  • 0 / 0
Re: Скрыть только текст ссылки
« Ответ #6 : 25.10.2021, 14:30:57 »
Если надо поменять верстку - меняйте в макете.
Но можно обойтись и CSS-м. В ветке вам дали оба решения уже.
Попрошу не флудить в теме, если есть что конкретно ответить на конкретный вопрос - добро пожаловать.
Напомню, вопрос: как и где накинуть текстовой ссылке(только текст), теги <span> которая формируется в меню в макете.
Не интересует, как скрыть, сделать невидимым, уменьшить, обесцветить и т.д.
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Скрыть только текст ссылки
« Ответ #7 : 25.10.2021, 21:07:34 »
Суть вопроса не в этом, как скрыть тот или иной класс на разных расширениях, а как присвоить этот класс только тексту ссылки меню.
Вы хотите получить ответ не указав ни Шаблона, ни Модуля или еще чего-то? На картах Вам гадать или как?
И еще просите не флудить!
Можете открыть исходные строки формирования Меню и там уже обвернуть текст в <span>. Если хотите, так можете еще поставить некое условие, что мол если вот так - то обворачивать текст, а если условие не выполняется то ...
Это тот же ответ что и
Цитировать
Если надо поменять верстку - меняйте в макете.
Но можно обойтись и CSS-м. В ветке вам дали оба решения уже.
*

kosh2323

  • Осваиваюсь на форуме
  • 48
  • 0 / 0
Re: Скрыть только текст ссылки
« Ответ #8 : 26.10.2021, 09:24:18 »
Вы хотите получить ответ не указав ни Шаблона, ни Модуля или еще чего-то? На картах Вам гадать или как?
И еще просите не флудить!
Можете открыть исходные строки формирования Меню и там уже обвернуть текст в <span>. Если хотите, так можете еще поставить некое условие, что мол если вот так - то обворачивать текст, а если условие не выполняется то ...
Это тот же ответ что и
Чтоб создать свой макет меню, нужно копировать из стандартного модуля меню \modules\mod_menu\tmpl\default.php
в \templates\ваш_шаблон\html\mod_menu\обозвать_своим_именем.php и его уже править, надеюсь это понятно без гаданий и карт, и какой при этом будет шаблон тоже до фонаря, мы правим свой макет.
Цитировать
Можете открыть исходные строки формирования Меню и там уже обвернуть текст в <span>
Вопрос то в этом и состоит где это находится, в макете формируется только структура <ul><li>......</li></ul>, а сам текст ссылки откуда берется?
*

fbr

  • Завсегдатай
  • 1625
  • 189 / 7
Re: Скрыть только текст ссылки
« Ответ #9 : 26.10.2021, 10:05:45 »
в файле default_component.php (переопределить), и/или при необходимости default_url.php

$linktype
*

kosh2323

  • Осваиваюсь на форуме
  • 48
  • 0 / 0
Re: Скрыть только текст ссылки
« Ответ #10 : 26.10.2021, 10:40:57 »
в файле default_component.php (переопределить), и/или при необходимости default_url.php

$linktype
Спасибо за ответ, это уже кое-что по существу, но не получается, переопределил test_component.php и test_url.php(шаблон макета меню test.php)
в обоих файлах вместо(29 строка)
Код
$linktype = $item->title; 
прописал
Код
$linktype = '<span class="test">' . $item->title . '</span>';
в инспекторе кода не вижу присвоенных ни <span, ни классов.
« Последнее редактирование: 26.10.2021, 16:17:33 от kosh2323 »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

[РЕШЕНО]Скрыть пункт меню на мобильных устройствах

Автор lexxbry

Ответов: 16
Просмотров: 4728
Последний ответ 23.05.2023, 07:22:49
от geral
OffCanvas меню Helix Ultimate добавить текст к иконке

Автор Andre100

Ответов: 2
Просмотров: 2182
Последний ответ 20.03.2023, 12:42:49
от Andre100
Внешние ссылки в Yootheme Pro

Автор Lemonez

Ответов: 1
Просмотров: 505
Последний ответ 28.12.2021, 23:32:33
от Lemonez
Как отделить иконку Awesome от текста ссылки?

Автор kosh2323

Ответов: 3
Просмотров: 613
Последний ответ 19.10.2021, 10:37:32
от ShopES
Сменить текст placeholder в поле поиска Joomla 3.x

Автор Poincare

Ответов: 7
Просмотров: 1556
Последний ответ 09.06.2021, 15:39:26
от Akeksandr