Recaptcha tamamen varsayılan çerçeve olmadan özelleştirmek olabilir eğer kimse biliyor mu. Ben sadece belli bir genişlik hem de giriş alanı olmak recaptcha görüntü gerekir. Herkes başarı ile önce yapmış.
Sayfanızda böyle bir şey dahil ederek 'özel' bir tema seçeneği kullanarak özel biçimlendirme belirtebilirsiniz:
<script type="text/javascript">
var RecaptchaOptions = {
theme : 'custom',
custom_theme_widget: 'recaptcha_widget'
};
</script>
Daha sonra bu gibi custom_theme_widget
id maç sayfadaki bir div oluşturun:
<div id="recaptcha_widget">
<div id="recaptcha_image"></div>
<input type="text" id="recaptcha_response_field" name="recaptcha_response_field" />
</div>
Görüntü recaptcha_image
div eklenecektir, bu yüzden böyle CSS kullanarak genişliğini sınırlayabilir:
#recaptcha_image img {
width: 200px;
}
... Ama tarayıcıda büyük görüntüyü yeniden boyutlandırmak ve CAPTCHA okunamaz hale gelmesine neden olabileceğini akılda tutmak, bu yüzden ben mutlaka tavsiye etmem. Ancak sizin gibi recaptcha_response_field
girişi de tarz olabilir.
Eğer (ve) bir özel tema neler yapabileceğini daha fazla örnek için "bakın ve hissedin Özelleştirme" bölümüne here bakın.
Sen girdi alanı ile size yardımcı olacaktır özel bir theme oluşturabilirsiniz, ama görüntü boyutu ile şans olduğunu düşünüyorum - (eğer tabii boyutlarını değiştirebilirsiniz o x 57 300 sabit oluyor ama o) daha da çarpıtılmış ve büyük olasılıkla tamamen okunmaz, görüntüye neden olur
http://risingofsilversurfer.blogspot.com/2009/10/customize-recaptcha-theme.html
Bu, firefox için çalışan diğer tarayıcılar hakkında emin değilim ama, bunu IE6 çalışmak gerekiyorsa i css resim boyutu değişen kabul sanmıyorum, bu yüzden yersiz tüm bakacağız.
Ben yaptım tüm güncelleştirme ReCAPTCHA stilleri oldu.
Aşağıdaki CSS görüntü ve kabın genişliğini ve yüksekliğini değiştirir. Boyutlar aslında Google tarafından tanımlanan ancak sayfanızda yeni stiller ekleyerek üzerine olabilir.
<style type="text/css">
#recaptcha_image img{
height:46px;
width:230px;
margin: 0px;
padding: 0px;
}
#recaptcha_container {
margin: 0px;
padding: 0px;
width: 230px;
}
</style>
Sadece kullanıcılar okumak için görüntü daha küçük, daha sert olacağını sakının.