Как сделать ссылку некликабельной ВК

Пример CSS кода для создания некликабельной (неактивной) HTML ссылки. Добавляем в CSS код такую запись с классом:

a.disabled < pointer-events: none; /* делаем ссылку некликабельной */ cursor: default; /* устанавливаем курсор в виде стрелки */ color: #999; /* цвет текста для нективной ссылки */ >

В HTML коде устанавливаем для нективных ссылок класс disabled

Читать комментарии (15) 14 августа 2014,
68930

Комментировать

10 декабря 2014 / Ответить

СПАСИБО)) простой вариант решения)))

#2 ↑ / codomaza
10 декабря 2014 / Ответить
04 февраля 2015 / Ответить

И зачем такие заморочки, если можно просто прописать ссылку, не добавляя
#4 ↑ / codomaza
04 февраля 2015 / Ответить

Есть 2 важных преимущества:

1. Стилизация неактивной ссылки. Вам всё равно придется использовать CSS стили для того, чтобы скрыть подсветку ссылки при наведении курсора.
2. Удобство для разработчика. Данный вариант удобен (необходим) при разработке веб-приложения, так так дает возможность задать стилизацию и быстро найти неактивные ссылки в коде.

05 августа 2015 / Ответить

Как сделать ссылку активной в ВК

Очень быстро нашел нужную информацию, большое спасибо.

13 января 2016 / Ответить
29 января 2016 / Ответить

Небольшая поправочка, команда pointer-events: none ; подойдёт на блокировки клика по JavaScript’ам с некоторых сайтов, при клике на скрипт идёт пересылка на сайт.

09 марта 2016 / Ответить
13 марта 2016 / Ответить

Это решение не будет работать в IE.

13 марта 2016 / Ответить

Для IE есть следующий метод, он немного хардкодный но работает) Ссылку можно обернуть в span и перекрыть кликабельность ссылки псевдоэлементом на span.

span < display: block; position: relative; >span:before
#11 ↑ / codomaza
13 марта 2016 / Ответить

Спасибо! Интересный вариант решения проблемы для IE.

#12 ↑ / Гость
04 апреля 2016 / Ответить

При работе на теме лаерс вордпресс есть возможность управлять CSS но нет возможности править HTML. Есть способ для ИЕ с помощью только CSS?

14 октября 2017 / Ответить

Спасибо! Лаконично и эффективно.

28 декабря 2017 / Ответить

Подскажите, если в документе 3 ссылки. И надо, чтобы при нажатии на одну из них, остальные исчезали (именно ссылки исчезали, а не содержимое, которое внутри ссылок).

Т.е., есть раскрывающийся доп.текст при нажатии на фразы «да», «нет», «не знаю». Надо чтобы при нажатии допустим на «да», фразы «нет» и «не знаю» пропадали.

18 апреля 2021 / Ответить

Программирую на уровне копипастера) вбил запрос в поисковик, нашел это решение и стал счастливее) Спасибо!

1. Информация об IP
2. Антивирусная проверка
3. Данные из Whois
4. Проверить заголовки
5. Punycode конвертер

1. Обзоры
2. Информация о сайтах
3. Скрипты для сайта
4. Новости Интернета

Источник: codomaza.com

как сделать ссылку вк активную

Как сделать ссылку неактивной

Если опубликованная на сайте ссылка вдруг оказалась ненужной, то ее можно сделать неактивной. Это значит, что пользователь с ее помощью больше не сможет переходить по заданному адресу.

Статьи по теме:

• Как сделать ссылку неактивной
• Как сделать ссылку без подчеркивания
• Как спрятать ссылку под текст

Инструкция

В cms ссылкам на панели инструментов соответствует два значка: один необходим для их вставки, другой потребуется в случае дезактивации. С их помощью сделать переход неосуществимым можно в два действия.

Левой кнопкой мыши выделите в окне редактора текст ссылки полностью. Если останется хотя бы один знак, то он будет продолжать «работать».

Нажмите на значок «Удалить ссылку», после чего объект перестанет функционировать. Для восстановления его работоспособности необходимо проделать то же самое, разве что с участием кнопки «Вставить ссылку».

Прием может применяться в качестве декоративного элемента сайта. Чтобы часть текста отображалась в виде ссылки, но при клике переход не осуществлялся, интересующее место должно быть помечено в коде одним из следующих способов.
• Html:
Текст
• PHP:
$count = rand(3,10);
for ($i=0; $i $href .= chr(rand(97, 122));
echo ‘Текст’;
?>
• CSS/html:

hover

a:link color: #значение цвета;
padding: значение px;
>
a:hover background: #значение цвета фона;
color: #значение цвета ссылки;
>

Текст

Совет полезен?
Статьи по теме:

• Как изменить цвет гиперссылки
• Как спрятать кнопку
• Что такое анкорная и безанкорная ссылки

Добавить комментарий к статье
Похожие советы

• Как скрыть html код
• Как скрыть партнерские ссылки
• Как в html изменить цвет ссылки
• Как изменить ссылку в 2017 году
• Как убрать внешние ссылки
• Как задать цвет ссылки
• Как вставить кнопки на сайт
• Как запретить индексацию ссылки в 2017 году
• Как выделить ссылку цветом
• Как убрать подчеркивание ссылок
• Как сделать фон ссылки
• Как сделать кнопку в html
• Как сделать ссылку в php

Новые советы от КакПросто
Рекомендованная статья
Что такое облачный майнинг и чем он отличается от обычного

Криптовалюта понемногу проникает в жизнь самых обычных людей, далеких от высоких технологий. О курсах цифровых.

Источник: www.kakprosto.ru

Нужно сделать ссылку не кликабельной! Какой способ лучше всего подойдет?

Сделать её не ссылкой?

Лучше всего подойдёт для чего?

Решения вопроса 3

a.disabled

Ответ написан более трёх лет назад

Нравится 6 3 комментария

pointer-events IE11+

0xD34F, автору вопроса, на всякий случай

PHP, JS Developer

preventDefault

Ответ написан более трёх лет назад

Нравится 1 Комментировать

Зависит от того, где это нужно реализовать, возможно стоит просто не использовать тег ссылки?
Так же можно предотвратить действие браузера по умолчанию:

$(‘a’).click(function(event)< event.preventDefault(); >);

Ответ написан более трёх лет назад

Нравится 1 Комментировать

Ответы на вопрос 0

Ваш ответ на вопрос

Войдите, чтобы написать ответ

• JavaScript

Как взять значение value у label с определенным классом?

• 1 подписчик
• 15 минут назад
• 8 просмотров

Источник: qna.habr.com