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;
}

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

Читайте также

Похожие записи

DLE — быстрый переезд на хостинг не используя инсталятор
Установка движка DLE на хостинг происходит через специальный файл — инсталятор, в котором необходимо заполнить все поля (имя базы данных,...
DLE — монетизируем загруженные в новостях файлы через отдельный домен
Как много у вас загруженных файлов (приложений к постам) не считая картинок? У меня много и придумал способ их монетизировать!...
DLE — мой первый модуль, как написать свой модуль Datalife Engine
Как ни пытался уйти с DLE из-за того, что он платный, а на рынке существует куча бесплатных аналогов, не получается...
DLE на HTTPS — основные проблемы и их решение
Столкнулся с рядом проблем, когда наконец-то решился перебраться на https. Не появлялись некоторые картинки, видео, а в адресной строке писалось,...
DLE — Модуль форума SimpleBB 1.1
Полноценный форум с единой регистрацией и авторизацией, единым акаунтом и ссылками на профиль от dle \»user/username/\» на движке SimpleBB 1.1...

Комментарии

Бесполезно писать спамные сообщения. Все комментарии проверяются;
Можно оставлять ссылки (через <a href), если они несут полезную информацию или дополняют статью;

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *