Theme

From reCAPTCHA Wiki

How to add a theme

add this to your page above your invocation of the main script:

 <script type="text/javascript">
 var RecaptchaOptions = {
    theme : '<theme name here>'
 };
 </script>

Note: it will not work if it appears after the main script

 <script type="text/javascript" src="http://api.recaptcha.net/challenge?k=<YourPublicKey>"></script>

List Of Themes

Themes for your ReCAPTCHA widget are as follows

• 'red'

( default theme )

• 'white'

• 'blackglass'

• 'clean'

• 'custom'

(The word 'custom' is required, do not make up a name)

Custom Theming

You can use the custom theme to create your own theme for recaptcha. Requires:

• In your HTML, create a an empty div with ID recaptcha_image. This is where the actual image will be placed. The div will be 300x57 pixels. Thus in your comment form, add the div reference ( <div id="recaptcha_image"></div> ).
• Also in your comment form, create a text input with ID and name both set to recaptcha_response_field. This is where the user can enter their answer.
• Optionally, create a div which contains the entire reCAPTCHA widget. This ID div should be placed into the custom_theme_widget and the style of the div should be set to display:none. After the reCAPTCHA theming code has fully loaded, it will make the div visible. This element avoids making the page flicker while it loads.