DLE – как скрыть или убрать текст под каптчей и сделать ее кликабельной

Веб разработка » CMS DLE
DLE — текст под капчей отсутствует, картинка кликабельна
DLE — текст под капчей отсутствует, картинка кликабельна

Нехитрый трюк, позволяющий скрыть, а точнее наложить текст, который выводится под каптчей в dle на саму картинку с символами и сделать ее кликабельной. При этом текст виден не будет, но будет продолжать полностью выполнять свою функцию.

Собственно, пример на скриншоте выше или внизу страницы в блоке комментариев. Курсор в виде указателя указывает на то, что картинка является ссылкой

/* ----- HIDE CAPTCHA LINK ----- */
#dle-captcha{
	height: 80px;
	overflow: hidden;
	position: relative; /* задаем начало координат для блока absolute*/
	float: left;
}

#dle-captcha span{
	position: relative;
}

#dle-captcha a{
	position: absolute; 
	opacity: 0; /* 100% прозрачности и текст уже не виден*/
	top: 0;
	height: 80px;
	background: #f00;
}

Вот и все. Абсолютным позиционированием надвигаем ссылку на картинку и скрываем текст ссылки при помощи прозрачности.