Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Файловый менеджер Quantum — одно из самых популярных решений для Joomla, созданное разработчиком из сообщества Joomla, Дмитрием Цымбалом (@tsymbalmitia). Он делает Quantum удобным, безопасным и современным, обновляет его, исправляет уязвимости и отвечает пользователям — всё это в свободное от основной работы время.

Теперь настал момент для следующего шага: развитие проекта требует больше времени и ресурсов.

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

Pavel_L

  • Осваиваюсь на форуме
  • 30
  • 0 / 0
Здравствуйте форумчане))

Нужно сделать кнопку чтобы текст на ней менялся при наведении, можно и фон затронуть, но самая суть вопроса в тексте на кнопке.
Кнопка должна будет работать только в таком режиме, более от нее не требуется.
Например: на кнопке надпись "позвонить" меняется на "x xxx xxx xx xx"
Желательно чтобы это был текст, и пользователь сразу мог позвонить если зашел на страницу с мобильного.
Может кто подскажет решение?

PS Кнопки тоже не доводилось делать, не помешало бы решения для реализации всего в целом  ^-^
PPS Нашел вариант с подменой картинки одна на другую при наведении, но не то..
*

Aleks.Denezh

  • Живу я здесь
  • 3401
  • 428 / 4
Если честно то даже не смешно, это основы HTML и CSS которые никак не относятся к Joomla!
Код
 <a href="tel:xxxxxxxx" class="link-phone"></a>
 <style>
.link-phone:after{content: 'Позвонить'}
.link-phone:hover:after{content: 'xxxxxxxx'; };
</style>
*

Pavel_L

  • Осваиваюсь на форуме
  • 30
  • 0 / 0
Я этого не знал, Спасибо  ^-^

Для мобильных конечно хороший вариант, но для ПК не очень: возможность нажать на ссылку остается, и при нажатии появляется окно "с помощью чего хотите открыть ссылку".
Нет ли другого варианта, чтобы оформлено было не как ссылка? Просто текст с заменой при наведении и возврат в предыдущее положение при уходе курсора.

Может быть ссылку закрыть? Видел, что можно с помощью "#", но как это сделать, не пойму..  :(
Если здесь это применимо.
Или реализовать без <a href=..
« Последнее редактирование: 10.05.2018, 18:28:33 от Pavel_L »
*

fbr

  • Завсегдатай
  • 1679
  • 209 / 7

Код
 <a href="tel:xxxxxxxx" class="link-phone"></a>
 <style>
.link-phone:after{content: 'Позвонить'}
.link-phone:hover:after{content: 'xxxxxxxx'; };
</style>

Ну поставьте вместо a блок div ... делов-то ))
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
не надо ничего заменять.
все правильно работает. если для широкоформатов не нужна ссылка, то отменяете её через CSS правило

pointer-events: none;

прописанное в @ media условие.
идем читать в Google.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как в шаблоне protostar подключить стиль с другой папки?

Автор azm1n

Ответов: 2
Просмотров: 1232
Последний ответ 18.04.2025, 11:05:27
от azm1n
Добовление текста

Автор Мира

Ответов: 1
Просмотров: 819
Последний ответ 03.08.2023, 10:30:35
от darkghost
Один модуль влияет на другой, как?

Автор mag_num83

Ответов: 5
Просмотров: 959
Последний ответ 17.05.2023, 10:05:55
от sivers
Сайт не работает при переносе на локалку и другой хостинг

Автор Шмайсер

Ответов: 5
Просмотров: 897
Последний ответ 01.10.2022, 15:25:09
от marksetter
Перенос материалов и категорий (с сохранением ID) на другой сайт

Автор mak200

Ответов: 0
Просмотров: 738
Последний ответ 09.09.2022, 09:30:53
от mak200