| LaggEr | Дата: Четверг, 25.08.2011, 19:29 | Сообщение # 1 |
| Можно было не указывать для чего здесь вид капчи, т.к. это только стилизация, вид капчи для 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, при оплате: там открывалось окошко, в которое нужно было ввести код. Прозрачность окна давала видеть код на картинке.
|
| |
| |
