4images Forum & Community

4images Modifications / Modifikationen => Mods & Plugins (Releases & Support) => Tutorials => Topic started by: mawenzi on March 31, 2008, 11:17:10 PM

Title: [TUT] Change of the CAPTCHA-Design
Post by: mawenzi on March 31, 2008, 11:17:10 PM
(http://img517.imageshack.us/img517/1378/deu8yc.gif) - zunächst einmal nur in deutsch ...
(http://img517.imageshack.us/img517/7821/eng9tu.gif) - a englisch version is coming soon ... or later ...  ;) ... meanwhile use this  English-Google-Translation (http://translate.google.com/translate?u=http%3A%2F%2Fwww.4homepages.de%2Fforum%2Findex.php%3Ftopic%3D21028.0&langpair=de%7Cen&hl=de&ie=UTF-8) ...
     - but don't use the php-/html-code from this translation, use the php-/html-code from the original topic ...

Vorbemerkung :

Gibt es eigentlich ein Captcha, wo man wirklich auch mit 50 Jahren :roll: noch erkennen kann, was man eingeben soll?

... gibt es ...  :mrgreen:
... mir gefallen die 4images Standard Captcha-Bilder auch nicht ... und ich finde sie auch höchst unleserlich ...
... und somit sind sie User-unfreundlich und schrecken User vor Kommentaren u.d.gl. ab ...
... denn auch mir ist es in diversen Galerien passiert, dass ich den Code wiederholt eingeben musste ...
... zumal sich viele Fehler bei der Groß- und Kleinschreibung einschleichen ...
... bei Captcha Einführung ab Version 1.7.3 hatte ich (erfolglos) ein anderes, dezenteres Design angeregt ...
... aber man kann ja nun jede Menge konfigurieren ...
... und so habe ich hier mal eine, so denke ich zumindest, User-freundliche Captcha Variante für euch zusammengestellt ...
... die etwas kleiner ist, nur Zahlen und keine überbunten Hintergründe verwendet und den Code nicht total verfremdet ...
... also dann versucht mal meine Variante ( ich denke auch Senioren geeignet ...  :mrgreen: ) ...



Die neue CAPTCHA Konfiguration :

... finde in config.php ...
Code: [Select]
define("4IMAGES_ACTIVE", 1);

... und füge danach folgende Codezeilen ein ...
Code: [Select]
//--- Start Settings for CAPTCHA --- http://www.4homepages.de/forum/index.php?topic=21028.0 ---
//--- config by mawenzi 31.03.2008 ---
$captcha_enable = 1;  // or 0 disables it.
$captcha_enable_comments = 1; // or 0 disables it.
$captcha_enable_upload = 1;  // or 0 disables it.
$captcha_enable_registration = 1; // or 0 disables it.
$captcha_enable_postcards = 1; // or 0 disables it.
$captcha_path = './captcha';  // Path to the folder which contains the CAPTCHA files (backgrounds, fonts).
//$captcha_chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";  // default
//$captcha_chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; // also possible
$captcha_chars = "123456789";
$captcha_length = 5; // Number of letters of the CAPTCHA strings. Default value is 5.
$captcha_wordfile = 0;  // If this option is set to 1, a word from "captcha/words.txt" is used. Default value is 0.
$captcha_width = 135;  // Width of the CAPTCHA image in pixel. Default value is 200.
$captcha_height = 35;  // Height of the CAPTCHA image in pixel. Default value is 70.
$captcha_text_color = "#000000";  // Color (Hex) of the CAPTCHA text. Default value is "#000000" (black).
$captcha_text_size = 12; // Size of the CAPTCHA text. Default value is 25.
$captcha_text_transparency = 75; // Transparency of the CAPTCHA text. Default value is 60.
$captcha_filter_text = 0;  // If this option is set to 1, the CAPTCHA fonts will be filtered ("obscured"). Default value is 1.
$captcha_filter_bg = 1;  // If this option is set to 1, the CAPTCHA background image will be filtered ("obscured"). Default value is 1.
//--- End Settings for CAPTCHA ---

... mehr Infos zum CAPTCHA ( "Completely Automated Public Turing test to tell Computers and Humans Apart") findet ihr auch hier ...
... http://www.4homepages.de/forum/index.php?topic=14690.0 ...



Das original CAPTCHA Design :

... die original / default Captcha-Bilder sehen etwa so aus ...
(http://demo.4homepages.de/captcha.php)



Das neue CAPTCHA Design :

... die neuen Captcha-Bilder sehen dann etwa so aus ...
(http://ibhkc2.ib.funpic.de/captcha.php)
... ich denke dezenter, gut lesbar, besser in diverse Templates passend und trotzdem eine Hürde für Robots und Spamer ...
... darüber hinaus könnt ihr ja natürlich noch weiter konfigurieren ... der Code dürfte ja nun selbsterklärend sein ...



Die neuen CAPTCHA Hintergrundbilder / Fonts :

... zu verwenden sind dann noch die folgenden Hintergrundbilder aus dem Anhang ...
... die Bilder sind zu kopieren nach /captcha/backgrounds ... ( ... die alten Bilder aus dem Ordnen sichern und entfernen ... )
... als Font verwende ich nur /captcha/fonts/verdanab.ttf ... ( d.h. ... die anderen Fonts sichern und entfernen ... )
Title: Re: [TUT] Change of the CAPTCHA-Design
Post by: Jan-Lukas on April 01, 2008, 07:42:52 PM
Danke, hatte es ja schon im ersten Posting gesagt, klappt jetzt auch für uns Senioren  :lol:
Title: Re: [TUT] Change of the CAPTCHA-Design
Post by: nfdieter on April 01, 2008, 07:44:25 PM
Jo, Seniorenfreundlich, brauche meine Brille nicht mehr so oft putzen 8O

Danke sehr dafür

Dieter
Title: Re: [TUT] Change of the CAPTCHA-Design
Post by: mawenzi on April 01, 2008, 07:48:47 PM
... seniorenfreundlich ... ich will garnicht erst fragen ab wann das gelten soll ...  :mrgreen:
... habe mich oben ja auch schon geoutet ...
Title: Re: [TUT] Change of the CAPTCHA-Design
Post by: Jan-Lukas on April 01, 2008, 07:51:26 PM
ich will garnicht erst fragen ab wann das gelten soll ...  :mrgreen:


hau mal dein Alter ins Profil, dann werden wir Dir das schon sagen  :lol:
Title: Re: [TUT] Change of the CAPTCHA-Design
Post by: kai on April 01, 2008, 09:36:58 PM
Thanks mawenzi! :)
Title: Re: [TUT] Change of the CAPTCHA-Design
Post by: om6acw on May 04, 2008, 09:25:38 PM
Thanks mawenzi, nice change in design  :!:
Title: Re: [TUT] Change of the CAPTCHA-Design
Post by: Rembrandt on May 05, 2008, 07:19:15 AM
Hi!
Quote
... denn auch mir ist es in diversen Galerien passiert, dass ich den Code wiederholt eingeben musste ...
... zumal sich viele Fehler bei der Groß- und Kleinschreibung einschleichen ...
ich selber habe auch schon foren verlassen weil es mir unmöglich war deren suche system zu benutzen, jedesmal kam die meldung "sie müssen erst den KOT eingeben" :evil:

mfg Andi

Title: Re: [TUT] Change of the CAPTCHA-Design
Post by: mawenzi on May 06, 2008, 02:54:26 PM
@om6acw
... it is precisely for your new web design ... ;)

@Rembrandt
...  :mrgreen: ...
Title: Re: [TUT] Change of the CAPTCHA-Design
Post by: om6acw on May 16, 2008, 03:20:28 PM
Thanks Mawenzi,
but now I have problem, from that time when I make this changes spammers are back in my guestbook, so where is the problem???
Title: Re: [TUT] Change of the CAPTCHA-Design
Post by: mawenzi on May 16, 2008, 03:33:10 PM
... if they are human spammers ... so they can read all captcha codes, old and new ...  :evil:
... and if they are robot spammers ... so I have no clue ... only try it with the old captcha ...  :?
Title: Re: [TUT] Change of the CAPTCHA-Design
Post by: om6acw on May 16, 2008, 03:50:20 PM
... if they are human spammers ... so they can read all captcha codes, old and new ...  :evil:
... and if they are robot spammers ... so I have no clue ... only try it with the old captcha ...  :?

yes, thats exactly what I was thinking , Im going to try put back old captcha for little bit and we will see. But I have to wait because once again I cant get to my website because my ISP have bad routing......
Title: Re: [TUT] Change of the CAPTCHA-Design
Post by: Nicky on September 25, 2008, 10:58:23 AM
hi mawenzi,

nice to have, thank you for samples :)
Title: Re: [TUT] Change of the CAPTCHA-Design
Post by: Cocker on December 26, 2008, 04:10:34 PM
Besten Dank, klappt Prima!

lg Cocker
Title: Re: [TUT] Change of the CAPTCHA-Design
Post by: piyo003 on February 05, 2009, 11:07:44 PM
It liked it.
Thank you.  :D :D :D
Title: Re: [TUT] Change of the CAPTCHA-Design
Post by: mawenzi on February 06, 2009, 01:12:15 AM
@piyo003

... thanks for your statement ... ;)
Title: Re: [TUT] Change of the CAPTCHA-Design
Post by: sanko86 on February 06, 2009, 09:05:50 AM
thank you my friend

you was do best design.
Title: Re: [TUT] Change of the CAPTCHA-Design
Post by: Rantanplan1966 on June 12, 2009, 08:32:55 PM
Hallo,

ich habe nach Deiner Anleitung die config.php geändert und auch die drei png-Bilder (1.png, zwei.png, 3.png) im Background-Verzeichnis gespeichert. Die alten Background-Bilder habe ich gelöscht, sodaß nur Deine 3 Bilder im Verzeichnis sind.

Das Bild worin die Zahlen des Bestätigungscodes zu sehen sein sollten fehlt jedoch.
Woran kann es liegen, dass das Bild nicht zu sehen ist?

Danke für Deine Hilfe!
Title: Re: [TUT] Change of the CAPTCHA-Design
Post by: Jan-Lukas on July 12, 2009, 08:09:18 PM
auch für die 1.7.7 geeignet  :wink:
Title: Re: [TUT] Change of the CAPTCHA-Design
Post by: Jan-Lukas on December 29, 2011, 12:46:18 PM
nur damit keine fragen kommen ob es auch in Version 1.7.10 funktioniert

ja, es funktioniert  :wink:
Title: Re: [TUT] Change of the CAPTCHA-Design
Post by: mawenzi on December 29, 2011, 01:05:02 PM
@ Harald ... danke für die Info ...  8)
Title: Re: [TUT] Change of the CAPTCHA-Design
Post by: bergblume on December 05, 2013, 02:49:04 PM
Can I use captcha togehter with Browser caching??

I want to use in my htaccess file  this code:

Code: [Select]
## EXPIRES CACHING ##

ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"

## EXPIRES CACHING ##

# compress text, HTML, JavaScript, CSS, and XML
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

But when i use it captcha won´t function properly (if I do a comment and move to another pic to comment, that same captcha code appears and will not be accepted). what of the above do I have to delete or to modify in order to have a good working captcha as before?
Title: Re: [TUT] Change of the CAPTCHA-Design
Post by: bergblume on January 06, 2014, 02:18:05 PM
Can I use captcha togehter with Browser caching??

I want to use in my htaccess file  this code:

Code: [Select]
## EXPIRES CACHING ##

ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"

## EXPIRES CACHING ##

# compress text, HTML, JavaScript, CSS, and XML
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

But when i use it captcha won´t function properly (if I do a comment and move to another pic to comment, that same captcha code appears and will not be accepted). what of the above do I have to delete or to modify in order to have a good working captcha as before?

any ideas or suggestions regarding this topic?