Новости Joomla

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

Lemonez

  • Захожу иногда
  • 212
  • 2 / 2
Всем привет!
Стоит у блока картинка через :after, очень надо сделать картинку кликабельной. В инете все перелопатил, обычными (штатными) средствами CSS и HTML это не сделать. Но, говорят, можно это реализовать через JS... Может еще как-то можно? Может у кого есть готовый рецепт JS?
Помогите советом, пожалуйста.
*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
Re: Как сделать :after картинку ссылкой?
« Ответ #1 : 22.09.2022, 08:50:05 »
Только если весь блок сделать кликабельным.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

Lemonez

  • Захожу иногда
  • 212
  • 2 / 2
Re: Как сделать :after картинку ссылкой?
« Ответ #2 : 22.09.2022, 11:54:19 »
Только если весь блок сделать кликабельным.
Вся проблема в том, что это блок меню и сделать его полностью кликабельным - не вариант.
*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
Re: Как сделать :after картинку ссылкой?
« Ответ #3 : 22.09.2022, 12:34:17 »
Можно добавить дочерний кликабельный блок с картинкой и застилить его как сейчас :афтер
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

Lemonez

  • Захожу иногда
  • 212
  • 2 / 2
Re: Как сделать :after картинку ссылкой?
« Ответ #4 : 22.09.2022, 15:52:45 »
Можно добавить дочерний кликабельный блок с картинкой и застилить его как сейчас :афтер
Не очень понятно как это реализовать.
Сейчас вид такой:
<div class="navbar-nav">Блок навигации</div>
Стили:
.navbar-nav:after{
content: "";
position: absolute;
right: 10px;
top: 30px;
width: 100px;
height: 100px;
background-image: url('/images/logo-min.png');
background-size: 100px 100px;
}
*

Lemonez

  • Захожу иногда
  • 212
  • 2 / 2
Re: Как сделать :after картинку ссылкой?
« Ответ #5 : 22.09.2022, 16:25:10 »
Можно добавить дочерний кликабельный блок с картинкой и застилить его как сейчас :афтер
Уф. Сделал! Добавил div с сылкой и стилями задал такое же позиционирование, как афтер, афтер убрал и все.
Спасибо большое за совет! + в карму
*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
Re: Как сделать :after картинку ссылкой?
« Ответ #6 : 22.09.2022, 16:36:34 »
Добавил div с сылкой и стилями задал такое же позиционирование, как афтер, афтер убрал и все.
именно так
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Чужие шаблоны на своем сайте. Как сделать также?

Автор tnk

Ответов: 4
Просмотров: 1056
Последний ответ 09.05.2018, 18:02:04
от tnk
Как сделать кликабельным разные части изображения?

Автор dm-krv

Ответов: 17
Просмотров: 1855
Последний ответ 06.04.2018, 20:53:09
от beliyadm
Как после сохранения заменить текст/дескрипшн (сделать sql запрос)?

Автор Karyuudo

Ответов: 2
Просмотров: 1013
Последний ответ 09.09.2015, 13:41:54
от Karyuudo
Как сделать автодобавление модуля?

Автор Kropov

Ответов: 4
Просмотров: 937
Последний ответ 29.06.2015, 14:38:24
от Kropov
Как сделать, чтобы страница перезагружалась полностью?

Автор djdim

Ответов: 0
Просмотров: 1056
Последний ответ 14.12.2013, 16:21:44
от djdim