Icy Phoenix


Post new topic  Reply to topic 
Page 1 of 1
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


www.DutchaGoGo.com (development/under construction ...Forever?¿?)
Edited by Joshua203, Tue 30 Oct, 2012 15:19: typo correction
Joshua203Send private messageVisit poster's website  
Back to topPage bottom
Icy Phoenix is an open source project, you can show your appreciation and support future development by donating to the project.

Support us
Post new topic  Reply to topic  Page 1 of 1

Display posts from previous:    

HideWas this topic useful?

Link this topic

HideSimilar Topics

Topic Author Forum Replies Last Post
No new posts Easy Does It! moreteavicar Show Off 1 Sun 30 Mar, 2008 14:45 View latest post
Mighty Gorgon
No new posts Easy Fix pstarstaff Old Support Topics 1 Mon 17 Nov, 2008 00:51 View latest post
No new posts ReCaptcha Joshua203 English Chit Chat 15 Sat 24 Sep, 2011 20:12 View latest post
No new posts CUSTOMIZATION - Quick Easy Way To Add A Fe... Hans Documentation And How To 7 Wed 07 Dec, 2011 05:56 View latest post

Permissions List
You cannot post new topics
You cannot reply to topics
You cannot edit your posts
You cannot delete your posts
You cannot vote in polls
You cannot attach files
You can download files
You cannot post calendar events