Hvordan lage Recaptcha Smaller

Hvordan lage Recaptcha Smaller


reCAPTCHA er en gratis CAPTCHA tjeneste som tilbys av Google. CAPTCHA står for "Completely Automated Public Turing test for å fortelle Datamaskiner og Humans Apart." Det er en kombinasjon av bokstaver og tall ment å legges inn manuelt på skjemaer for å sikre at de er skrevet av virkelige mennesker og ikke spam-sending datamaskiner. Google reCAPTCHA er klar til bruk med flere plugins tilgjengelig for deg å bruke den til nettstedets former. Dens tilpassbare temaer også gi deg større frihet til å tilpasse CAPTCHA som passer nettstedets design og endre farge og størrelse.

Bruksanvisning

1 Åpne Web skjema hvor du vil plassere reCAPTCHA, i et tekstredigeringsprogram som Notisblokk.

2 Legg til følgende Javascript-koden innenfor i <head> delen av HTML. Dette forteller reCAPTCHA å bruke et egendefinert tema:

<Script type = "text / javascript">
Var RecaptchaOptions = {

theme : 'custom',
custom_theme_widget: 'recaptcha_widget'

};
</ Script>

3 Lim inn følgende kode inne i <form> tags hvor du ønsker reCAPTCHA skal vises:

<Div id = "recaptcha_widget" style = "display: none">

<Div id = "recaptcha_image"> </ div>
<Div class = "recaptcha_only_if_incorrect_sol" style = "color: red"> Feil prøv igjen </ div>

<Span class = "recaptcha_only_if_image"> Skriv inn ordene ovenfor: </ span>
<Span class = "recaptcha_only_if_audio"> Skriv inn tallene du hører: </ span>

<Input type = "text" id = "recaptcha_response_field" name = "recaptcha_response_field" />

<Div> <a href="javascript:Recaptcha.reload()"> Få en annen CAPTCHA </a> </ div>
<Div class = "recaptcha_only_if_image"> <a href="javascript:Recaptcha.switch_type('audio')"> få en lyd CAPTCHA </a> </ div>
<Div class = "recaptcha_only_if_audio"> <a href="javascript:Recaptcha.switch_type('image')"> Få et bilde CAPTCHA </a> </ div>

<Div> <a href="javascript:Recaptcha.showhelp()"> Hjelp </a> </ div>

</ Div>

<Script type = "text / javascript"

src=&quot;http://www.google.com/recaptcha/api/challenge?k=enter_your_public_key_here&quot;>

</ Script>
<Noscript>
<Iframe src = "http://www.google.com/recaptcha/api/noscript?k=enter_your_public_key_here&quot;

height=&quot;300&quot; width=&quot;500&quot; frameborder=&quot;0&quot;>&lt;/iframe>&lt;br>

<Textarea name = "recaptcha_challenge_field" rader = "3" kolonner = "40">
</ Textarea>
<Input type = "hidden" name = "recaptcha_response_field"

value=&quot;manual_challenge&quot;>

</ Noscript>

4 Erstatt "enter_your_public_key_here" med din egen reCAPTCHA offentlige nøkkel. Hvis du ikke har en reCAPTCHA nøkkel, opprette en på google.com/recaptcha.

5 Endre avsnittet "height = 300 width = 500" med høyden og bredden du vil at reCAPTCHA å være. Du kan også endre størrelsen på tekstfeltet ved å endre verdiene av "rader" og "kolonner" i seksjonen <textarea name = "recaptcha_challenge_field" rader = "3" kolonner = "40">.

6 Lagre HTML-fil. Åpne og teste den i en nettleser.

Hint

  • reCAPTCHA kan bare bli endret til bredden på CAPTCHA image levert av Google. Minstebredden er 300 piksler.