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, при оплате: там открывалось окошко, в которое нужно было ввести код. Прозрачность окна давала видеть код на картинке.
|
|
| |