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? Подпишись на RSS. Будь в курсе всего происходящего на сайте
Комментариев: 0 •  Просмотров: 630   Дата: 21-июл-2015, 06:15

Похожие статьи

Комментарии

b
i
u
s
|
left
center
right
|
emo
color
|
hide
quote
translit
© 2010-2015 artemmian.ru v 7.0: flexyflat tpl Designed by artstudios
Карта сайта HTMLКарта сайта XMLПравообладателям
Поисковый анализ сайта