logo

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

dle hide text captcha - 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;
}

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

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


Полный гайд по миграции с CMS DLE на WordPress
Данный сайт в апреле 2019 года полностью переехал с CMS DLE на CMS WordPress и в июне, после завершения всех...
PHP — простой ротатор баннеров, ротатор для DLE и WordPress
Аналог на javascriptАналог на PHP для больших кодов Очень простой ротатор кода на PHP. Сначала мы объявляем простой двумерный массив...
Как изменить пароль пользователя CMS DLE и WordPress через SQL-запрос
Перебираю старые статьи с целью их оптимизации и наткнулся на эту. В принципе, способ подойдет для любой системы на любом...
DLE — быстрый переезд на хостинг не используя инсталятор
Установка движка DLE на хостинг происходит через специальный файл — инсталятор, в котором необходимо заполнить все поля (имя базы данных,...
DLE — монетизируем загруженные в новостях файлы через отдельный домен
Как много у вас загруженных файлов (приложений к постам) не считая картинок? У меня много и придумал способ их монетизировать!...

Комментарии

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