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

Enjoy,
...Joshua203
 




____________
www.DutchaGoGo.com (development/under construction ...Forever?¿?)
 
Edited by Joshua203, Tue 30 Oct, 2012 15:19: typo correction
Joshua203 - View user's profileSend private messageVisit poster's websitePersonal Gallery 
Back to topPage bottom
Thanks for the useful Topic Joshua203:
KugeLSichA (31 March), Mighty Gorgon (17 November) 
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
URL
BBCode
HTML

HideSimilar Topics

Topic Author Forum Replies Last Post
No new posts ReCaptcha Joshua203 English Chit Chat 15 Sat 24 Sep, 2011 20:12 View latest post
spydie
No new posts Easy Fix pstarstaff Old Support Topics 1 Mon 17 Nov, 2008 00:51 View latest post
Chaotic
No new posts Easy Does It! moreteavicar Show Off 1 Sun 30 Mar, 2008 14:45 View latest post
Mighty Gorgon
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
Hans




 
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