Вид капчи для uCoz


Многим пользователям уже наскучил старый вид капчи. Наш сайт представляет для вас Вид капчи для uCoz. Суть скрипта в том что вводить код нужно туда, где картинка. Вид удобен и у вас освободится свободное место. Все что требуется так это вставить код в ксс. Удачной установки.

Можно было не указывать для чего здесь вид капчи, т.к. это только стилизация, вид капчи для 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, но позицию нужно оставить.

Нечто похожее было на сайте WebMoney, при оплате: там открывалось окошко, в которое нужно было ввести код. Прозрачность окна давала видеть код на картинке.

  • FalleN

  • 1051

  • 1

  • 0
Теги: uCoz, капчи

Ссылки на статью:

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