Инструкция
1
Чтобы ссылка стала неактивной, достаточно «почистить» код, или просто убрать тег <a>, без которого осуществить переход будет невозможно. В принципе, такого результата можно будет достичь, если стереть адрес в атрибуте href. Но подобное действие при игнорировании тега <a> несет в себе побочный эффект: анкор будет замаскирован под ссылку, но без последующего перехода. Иными словами, если предусмотрено изменение участка текста/картинки при наведении курсора, то оно будет осуществляться как и прежде. Поэтому нужно полностью «вырезать» всю связку <a href> с закрывающим тегом </a>.
2
В cms ссылкам на панели инструментов соответствует два значка: один необходим для их вставки, другой потребуется в случае дезактивации. С их помощью сделать переход неосуществимым можно в два действия.
3
Левой кнопкой мыши выделите в окне редактора текст ссылки полностью. Если останется хотя бы один знак, то он будет продолжать «работать».
4
Нажмите на значок «Удалить ссылку», после чего объект перестанет функционировать. Для восстановления его работоспособности необходимо проделать то же самое, разве что с участием кнопки «Вставить ссылку».
5
Прием может применяться в качестве декоративного элемента сайта. Чтобы часть текста отображалась в виде ссылки, но при клике переход не осуществлялся, интересующее место должно быть помечено в коде одним из следующих способов.
• Html:
<a href="">Текст</a>
• PHP:
<?php
$count = rand(3,10);
for ($i=0; $i<$count; $i++)
$href .= chr(rand(97, 122));
echo '<a href="http://'.$href.'.com">Текст</a>';
?>
• CSS/html:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>hover</title>
<style type="text/css">
a:link {
color: #значение цвета;
padding: значение px;
}
a:hover {
background: #значение цвета фона;
color: #значение цвета ссылки;
}
</style>
</head>
<body>
<p><a href="1.html">Текст</a></p>
</body>
</html>
• Html:
<a href="">Текст</a>
• PHP:
<?php
$count = rand(3,10);
for ($i=0; $i<$count; $i++)
$href .= chr(rand(97, 122));
echo '<a href="http://'.$href.'.com">Текст</a>';
?>
• CSS/html:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>hover</title>
<style type="text/css">
a:link {
color: #значение цвета;
padding: значение px;
}
a:hover {
background: #значение цвета фона;
color: #значение цвета ссылки;
}
</style>
</head>
<body>
<p><a href="1.html">Текст</a></p>
</body>
</html>