Кто-нибудь знает, может ли recaptcha полностью настраиваться без рамки по умолчанию. Мне нужно, чтобы образ recaptcha был только определенной шириной, а также поле ввода. Кто-нибудь сделал это раньше с успехом.
Вы можете указать настраиваемую разметку, используя параметр «custom», включив что-то подобное на своей странице:
<script type="text/javascript"> var RecaptchaOptions = { theme : 'custom', custom_theme_widget: 'recaptcha_widget' }; </script>
Затем вы создаете div на странице в соответствии с идентификатором custom_theme_widget
следующим образом:
<div id="recaptcha_widget"> <div id="recaptcha_image"></div> <input type="text" id="recaptcha_response_field" name="recaptcha_response_field" /> </div>
Изображение будет вставлено в div recaptcha_image
, поэтому вы можете ограничить его ширину с помощью CSS следующим образом:
#recaptcha_image img { width: 200px; }
… но имейте в виду, что он изменит размер большего изображения в браузере и может привести к тому, что captcha станет нечитаемым, поэтому я не буду рекомендовать это. Ввод recaptcha_response_field
также может быть стилизован, как вам нравится.
См. Раздел «Look and Feel Customization» здесь для получения дополнительных примеров того, что вы можете (и должны) делать в пользовательской теме.
Вы можете создать настраиваемую тему, которая должна помочь вам с полем ввода, но я думаю, что вам не повезло с размером изображения – он исправлен при 300 x 57 (вы можете, конечно, изменить размеры, но это приведет к четному более искаженное и, вполне возможно, совершенно нечитаемое изображение)
http://risingofsilversurfer.blogspot.com/2009/10/customize-recaptcha-theme.html
это работает для firefox, хотя и не уверен в других браузерах, если вам нужно его работать в ie6, я не думаю, что он принимает изменение размера изображения css, поэтому он будет выглядеть неуместным.
Все, что я сделал, это обновить стили reCAPTCHA.
Следующий CSS изменяет ширину и высоту изображения и контейнера. Размеры изначально определяются Google, но могут быть перезаписаны добавлением новых стилей на вашу страницу.
<style type="text/css"> #recaptcha_image img{ height:46px; width:230px; margin: 0px; padding: 0px; } #recaptcha_container { margin: 0px; padding: 0px; width: 230px; } </style>
Просто будьте осторожны: чем меньше изображение, тем труднее будет читать пользователи.