Icy Phoenix

     
 

[TIP] Easy ReCaptcha Restyling

[TIP] Easy ReCaptcha Restyling

Article
Reply with quote    Download Post 
Post [TIP] Easy ReCaptcha Restyling 
 
Hi all,

When you want to use ReCaptcha on your forum you may feel that it does not quite fit your style, there is an easy way and a hard way to adjust this... below I will describe the easy way:

For this example I will choose black pearl because this is the style my own forum theme is based upon...

Open styles/black_pearl/template/captcha_recaptcha.html and find:
Code: [Download] [Hide] [Select]
    var RecaptchaOptions = {
        lang : '{LA_RECAPTCHA_LANG}',
        tabindex : <!-- IF $CAPTCHA_TAB_INDEX -->{$CAPTCHA_TAB_INDEX}<!-- ELSE -->10<!-- ENDIF -->
    };

replace it with:
Code: [Download] [Hide] [Select]
    var RecaptchaOptions = {
        lang : '{LA_RECAPTCHA_LANG}',
        theme : 'blackglass',
        tabindex : <!-- IF $CAPTCHA_TAB_INDEX -->{$CAPTCHA_TAB_INDEX}<!-- ELSE -->10<!-- ENDIF -->
    };


Open the styles/black_pearl/template/theme/stylesheet.css and at the bottom paste the following on a new blank line:
Code: [Download] [Hide] [Select]
/* === reCaptcha corrections === */

#recaptcha_table {
   background-color: #121212;
}
  
#recaptcha_response_field {
    color: #FDC400;
    background-color: #111111;
    font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    line-height: 1.4em;
    font-weight: normal;
}

#recaptcha_response_field:hover {
    color: red;
    background-color: #232323;
}


To also make it look the same in your ACP-example open... adm/style/captcha_recaptcha.html in there replace the same as described in the first two code boxes above!!
And make the same stylesheet changes in... adm/style/admin.css

That's all  ...you can now purge the cache to complete this job  

Styles you are allowed to use are:
blackglass, red, white and clean

Enjoy,
...Joshua203



 
Edited by Joshua203, Tue 30 Oct, 2012 15:19: typo correction
Joshua203 - View user's profile Send private message  
Joshua203 [ Wed 30 Mar, 2011 18:29 ]
Icy Phoenix is an open source project, you can show your appreciation and support future development by donating to the project.

Support us


[TIP] Easy ReCaptcha Restyling

Comments
Display posts from previous:    

HideWas this topic useful?

Post new topic  Reply to topic  Page 1 of 1
 
 




 


 

  cron