Главная » 2012 » Март » 23 » Наложение капчи (Скрипты для ucoz)
23.03.2012, 10:52

Наложение капчи





Можно было не указывать для чего здесь вид капчи, т.к. это только стилизация, вид капчи для uCoz. Капча – это картинка, на которой пишется определенный код, этот код необходимо вписывать в поле, которое обычно находится рядом с картинкой. Я же решил объединить и поле и картинку: просто наложил поле с размерами, как и у картинки, на это изображение с кодом, но прежде указал прозрачность поля, чтобы был виден код. Собственно, нигде раньше такое не видел, но, кажется, что это уже давно где-нибудь да применяется.
В CSS вставляем это:
Code
.securityCode {
  width:135px;
  height:35px;
  font-size:14pt;
  position:absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

В этом коде, наверное, придется заменить кое-что: например, селектор. Не на всех страницах используется одни и тот же класс, и ID тоже бывают разные. Размер поля, естественно, тоже следует откорректировать, если есть погрешности. Просто посмотрите ширину и длину изображения, и поставьте те же значения в CSS. Это только код стиля, он не заменит изображение кода безопасности, он просто наложит поле на картинку. Может быть и так, что в старых браузерах прозрачность не будет поддерживаться, а это проблема. Можно отрегулировать прозрачность на JQuery, не используя вмешательства CSS, но позицию нужно оставить.
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: yraaa.ru
Категория: Скрипты uCoz | Просмотров: 1415 | Добавил: antisept | Рейтинг: 4.0/1 |
Теги: капчи, Наложение
Всего комментариев: 1
0  
1 map   (26.03.2012 14:51) [Материал]
Аватар пользователя
Спасибо. Хорошый скрипт, самое главное подогнать размер happy

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]