Например:
Суббота, 21.12.2024, 15:28 Регистрация Карта сайта RSS Лента
Игровые новости Топ Сайтов Статьи Загрузить изображение Игровой форум Картинки
  • Страница 1 из 1
  • 1
Скрипт новый Вид капчи для uCoz
dimassss67
Дата: Вторник, 20.08.2013, 19:32 | Сообщение № 1
ICQ пользователя:
Skype пользователя:
Сайт пользователя:

Оффлайн
Сообщений: 5
Награды: 1
 

Можно было не указывать для чего здесь вид капчи, т.к. это только стилизация, вид капчи для uCoz. Капча – это картинка, на которой пишется определенный код, этот код необходимо вписывать в поле, которое обычно находится рядом с картинкой. Я же решил объединить и поле и картинку: просто наложил поле с размерами, как и у картинки, на это изображение с кодом, но прежде указал прозрачность поля, чтобы был виден код. Собственно, нигде раньше такое не видел, но, кажется, что это уже давно где-нибудь да применяется.

Просто вставьте этот код в ваш CSS:

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

Пример можно посмотреть у нас на портале GaMe-Portals.3dn.ru

    
  • Страница 1 из 1
  • 1
Поиск: