CJWSoft Support Info: Mini Captcha (Directions)

Active Info

Memberlist

Help

CJWSoft Captcha System Support
CJWSoft Support Info : CJWSoft Captcha System Support

Info: Mini Captcha (Directions)

Author

Message

<< Prev Info | Next Info >>

cwilliams
Admin Group

CJWSoft Web Software Developer

Joined: April/06/2004
Online Status: Offline
Info: 1769

Added: October/10/2007 at 9:50am \| IP Logged

Here are directions to make a Mini Version of the Captcha like seen in this screenshot..

Edit "create_captcha_inc.asp" with a text editor..

Find this line

CaptchaDisplay = ("<table border=""0"" style=""border-collapse: collapse; font-family:Arial; font-size:16pt; font-weight:bold; color:#000000"" cellpadding=""0"">")

Change it to this (we are just changing the font size)

CaptchaDisplay = ("<table border=""0"" style=""border-collapse: collapse; font-family:Arial; font-size:12pt; font-weight:bold; color:#000000"" cellpadding=""0"">")

Now in the code area below that section you'll see this bit of code 4 times

width=""70""

Change all 4 of them to

width=""44""

Now below that section you'll see the following table code...

<table border="0">
<tr>
  <td><iframe src ="<% =display_captcha_path %>?C=<% =Server.URLEncode(base64_encode(CaptchaDisplay)) %>" width="280" height="24" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" name="I1"></iframe></td>
</tr>
<tr>
  <td><font face="Arial" size="2">Type the characters shown in the <b><% =Session("ChooseBGColor") %></b> box above.<br>
  Used to prevent automated form submission.</font></td>
</tr>
<tr>
  <td>
   <input type="text" name="ToCheck" size="4" style="background-color:<% =BGColorCode %>; font-family: Arial; font-size: 14pt; font-weight: bold">
  </td>
</tr>
</table>

Change it to this

<table border="0">
<tr>
  <td><iframe src ="<% =display_captcha_path %>?C=<% =Server.URLEncode(base64_encode(CaptchaDisplay)) %>" width="176" height="19" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" name="I1"></iframe></td>
</tr>
<tr>
  <td><font face="Arial" size="1">Type the characters from the <b><% =Session("ChooseBGColor") %></b> box.<br></font></td>
</tr>
<tr>
  <td>
   <input type="text" name="ToCheck" size="4" style="background-color:<% =BGColorCode %>; font-family: Arial; font-size: 10pt; font-weight: bold">
  </td>
</tr>
</table>

Ok we are done editing that file.. so save it...

Now open "frame_upper_inc.asp" with a text file..
Delete all code in that file and replace it with this code. Then Save..

<table border="0" cellspacing="0" cellpadding="0">
<tr>
  <td colspan="3"><img border="0" src="<% =border_images_path %>captcha-frame-top.gif" width="192"></td>
</tr>
<tr>
  <td><img border="0" src="<% =border_images_path %>captcha-frame-left.gif" height="19" width=6></td>
  <td width="176" height="19">

Now open "frame_lower_inc.asp" with a text file..
Delete all code in that file and replace it with this code. Then Save..

</td>
  <td><img border="0" src="<% =border_images_path %>captcha-frame-right.gif" height="19" width="10"></td>
</tr>
<tr>
  <td colspan="3"><img border="0" src="<% =border_images_path %>captcha-frame-bottom.gif" width=192></td>
</tr>
</table>

And that's it.. you should have a Mini version like seen in the screenshot at the top of this post. If you are really good you can even make your own frame graphics to put around the captcha which will really change the way it looks.

Note:

In the next version of the Captcha I will be probably be making this a built in option so you won't have to edit the code manually to switch between Mini and Full size versions.

__________________

Best Regards, Christopher Williams www.CJWSoft.com

If you wish to make a comment to this info you must first login
If you are not already registered you must first register

Printable version

Info Jump

You cannot add new info in this area
You cannot add to info in this area
You cannot delete your info in this area
You cannot edit your info in this area
You cannot create polls in this area
You cannot vote in polls in this area