home *** CD-ROM | disk | FTP | other *** search
/ PC Online 1998 November / PCO_1198.ISO / filesbbs / os2 / gif_text.arj / GIF_TEXT.ZIP / mkbutton.sre < prev    next >
Encoding:
Text File  |  1998-04-28  |  7.8 KB  |  205 lines
  1. <!--
  2. This is an alternate front end to  MkGifTxt; and MkGifTxt invokes GIF_TEXT.
  3. It's set up to facilitate the creation of buttons.
  4.  
  5.  
  6. As shipped, this is set up to work as an SRE-http addon.
  7.  
  8. To use as a cgi-bin script,change the
  9.    FORM ACTION="/mkgiftxt" method="get"
  10. to
  11.   FORM ACTION="/cgi-bin/mkgiftxt" method="get"
  12.  
  13. Note: If your server uses something other then "/cgi-bin/scriptname to
  14.       invoke cgi-bin scripts:,
  15.         *  enter the appropriate prefix, 
  16.         *  you will need to make a few  changes in MkGifTxt.CMD
  17.  
  18. -->
  19.  
  20. <HTML> 
  21. <HEAD>
  22. <TITLE>GIF_TEXT: A Graphics Text Generator</TITLE>
  23. </HEAD>
  24.  
  25. <BODY> 
  26.  <h2> Generate a Button </h2>
  27.  
  28. <A NAME="entry">This </A>demonstrates how one can  use  the GIF_TEXT <em>graphics text message</em>
  29. to create buttons with text in them.
  30.  
  31. <br>
  32.  
  33. <!-- CHANGE THIS LINE IF YOU ARE USING SRE-http (instead of CGI-BIN) -->
  34. <FORM ACTION="/mkgiftxt" METHOD="GET">
  35.  
  36. Enter the <b>message</b>:
  37. <INPUT TYPE="text" NAME="text"  value="hello" SIZE=40 MAXLENGTH=100>
  38. <br>Hints:</em>
  39.  Use <code>$t</code> to generate the time, and <code>$d</code> to generate the date
  40. <br>
  41. <table border=0>
  42. <th> Select an <b>alphabyte</b> font</th>
  43. <th>  </th>
  44.  
  45. <th> and a button style (recommended height/width and x_frame/y_frame if different then default)</em></th>
  46. <tr>
  47. <td>
  48. <SELECT NAME="FONT" SIZE=5>
  49. <OPTION SELECTED value="Enviro">Enviro (both cases, numbers, etc.)
  50. <OPTION value="Revue">Revue (letters and numbers
  51. <OPTION value="hobo"> Hobo (leters and numbers)
  52. <OPTION value="mandarin"> Mandarin (letters and numbers)
  53. <OPTION value="stich"> Stitches  (letters and numbers)
  54. <OPTION value="logger"> Logger  (letters only)
  55. <OPTION value="andy01"> Drippy  (letters and numbers)
  56. <OPTION value="andy02"> Typewritter keys (letters only)
  57. <OPTION value="andy04"> Austere (letters only)
  58. <OPTION value="andy03"> Shadowed austere (letters only)
  59. <option value="fresnel"> Fresnel (derived from TTF font)
  60. <option value="handwrit"> Handwriting (derived from TTF font)
  61. <option value="twoturt"> Kids (derived from TTF font)
  62. <option value="antelope"> Antelope (derived from TTF font)
  63. <option value="epilog"> Epilog (derived from TTF font)
  64. <option value="buttrfly"> Butterfly (derived from TTF font)
  65. <option value="scrawn"> Scrawn(derived from TTF font)
  66. <option value="ghosty"> Ghosty (letters and numbers)
  67. <option value="fuzgreen"> Fuzzy green (letters and numbers)
  68. <option value="purpwhit"> Purple and white (lettes and numbers)
  69. <option value="greyred">Grey & red (letters and numbers)
  70. </SELECT>
  71. </td>
  72.  
  73. <td> </td>
  74. <Td>
  75. <SELECT NAME="back" SIZE=7>
  76. <OPTION SELECTED value="buttons/blustone">Bluestone rectangle
  77. <OPTION SELECTED value="buttons/blueoval">Blue oval
  78. <OPTION SELECTED value="buttons/butntex4"> Purple stone rectangle
  79. <OPTION SELECTED value="buttons/butntex5"> Striped brown rectangle
  80. <OPTION SELECTED value="buttons/butntex6"> Dark Brown wood rectangle
  81. <OPTION SELECTED value="buttons/butntex9"> Streak gold rectangle
  82. <OPTION SELECTED value="buttons/butt01.gif"> Grey circle (h/w=120,120, x/y=28,39)
  83. <OPTION SELECTED value="buttons/butt02"> Black rectangle
  84. <OPTION SELECTED value="buttons/green1"> Green rectangle
  85. <OPTION SELECTED value="buttons/greeov"> Green oval (h/w=120,50, x/y=15,12)
  86. <OPTION SELECTED value="buttons/grey1"> Grey rectangle
  87. <OPTION SELECTED value="buttons/greybut"> Grey stone oval (h/w=120,50, x/y=20,15)
  88. <OPTION SELECTED value="buttons/image4"> Blue papery rectangle
  89. <OPTION SELECTED value="buttons/k_1.gif"> Grey papery rectangle
  90. <OPTION SELECTED value="buttons/K_5.gif"> Dark grey papery rectangle
  91. <OPTION SELECTED value="buttons/k_7.gif">Light green papery rectangle
  92. <OPTION SELECTED value="buttons/next.gif"> Cyan-grey  rectangle
  93. <OPTION SELECTED value="buttons/orange1.gif"> Fadeout orange rectangle
  94. <OPTION SELECTED value="buttons/purple1"> Purple rectangle
  95. <OPTION SELECTED value="buttons/redoval">Red oval (h/w=120,50, x/y=20,10)
  96. <OPTION SELECTED value="buttons/sqbut11"> Grey stone square  (h/w=100,80, x/y=20,10)
  97. <OPTION SELECTED value="buttons/sqbut13"> Orange stone square
  98. <OPTION SELECTED value="buttons/sqbut22"> Pink stone square
  99. <OPTION SELECTED value="buttons/sqbut26"> Green stone square
  100. <OPTION SELECTED value="buttons/sqbut5"> Brown wood square
  101. <OPTION SELECTED value="buttons/ssqbut30"> Reddish brown wood square
  102. <OPTION SELECTED value="buttons/sqbut7"> White stone square (h/w=100,80, x/y=20,10)
  103. <OPTION SELECTED value="buttons/wood1"> Wood circle (h/w=120,120, x/y=28,39)
  104. </SELECT>
  105.  
  106.  
  107.  
  108. </td>
  109. </table>
  110. <P>
  111. Message width= <INPUT TYPE="text" NAME="Width"  VALUE="120"  SIZE=6 MAXLENGTH=6> ,
  112.  and height= <INPUT TYPE="text" NAME="height"  VALUE="50"  SIZE=6 MAXLENGTH=6>
  113. <em>(in pixels) </em>
  114. <p>
  115. Frame size in pixels (modify this to center text within the button):
  116. <br>
  117. left/right sides =<INPUT TYPE="text" NAME="X_frame"
  118.   VALUE="10"  SIZE=4 MAXLENGTH=4>,
  119.  and top/bottom =<INPUT TYPE="text" NAME="y_frame"  VALUE="10"  SIZE=6 MAXLENGTH=6>
  120.  
  121. <br>
  122. <input type="checkbox" name="transparent" value="-1"> Suppress Transparency
  123. (some button/font combinations require this).
  124. <p>                                                 
  125. <input type="Hidden" name="back_scale" value=1>     
  126.  
  127. <INPUT TYPE="submit" VALUE="Generate the .GIF">
  128. <p>
  129. Note that the above height, width and frame values are <em>recommended, but not
  130. essential</em>.  You may find that other values look better.
  131. <p>
  132.  
  133. <hr>
  134. The following buttons are shipped with the full-pack version of GIF_TEXT. Note that
  135. <b>not</b> all of them are available in the above <em>list of buttons</em>.<br>
  136. <img src="/imgs/allbut1.gif">
  137.  
  138. <hr>
  139. <h3>Acknowledgements</h3>
  140.  
  141. This utilty would not have been possible without <A HREF="http://www.bearsoft.com/abs/rexxgd.html">RXGD100.DLL</A> ".GIF"
  142. library; a port of the GD library by <A HREF="mailto:awysocki@bearsoft.com">Andy Wysocki</A>.
  143.  
  144. <p> ...and, it would have been useless without the various and
  145. sundry <em>alphabyte fonts </em> and <b>backgrounds</b>, which were obtained from:
  146.  
  147. <dl>
  148. <dt>
  149. Rosie's Alphabytes
  150. <dd>
  151.    <a href="http://www.geocities.com/HotSprings/3055/alphabet.html">
  152.         http://www.geocities.com/HotSprings/3055/alphabet.html</a>
  153. (<a href="http://www.geocities.com/HotSprings/3055/rozilogo.gif">logo</a>)
  154.  
  155. <dt>E-Mom's Rainbow Graphic Designs:
  156. <dd>   <a href="http://www.geocities.com/Heartland/Hills/6404/rainbow.html">
  157.        http://www.geocities.com/Heartland/Hills/6404/rainbow.html</a>
  158. (<a href="http://www.geocities.com/Heartland/Hills/6404/logo-emom.gif">logo</a>)
  159.  
  160. <dt>Andy's Art Attack:
  161. <dd><a href="http://www.andyart.com">http://www.andyart.com</a>
  162. (<a href="http://www.andyart.com/images/alogo3.gif">logo)</a>
  163.  
  164.  
  165. <dt> You might also want to check out ...
  166. <dd>
  167. <menu>
  168. <li> over 100 fonts/alphabytes at
  169. <a href="http://www.algonet.se/~guld1/freefont.htm">
  170.   Daniel Guildkrans site </a>
  171. <li> links to many alphabytes at  <a href="http://www.ist.net/clipart/uwa/iconsfnt.html">
  172. http://www.ist.net/clipart/uwa/iconsfnt.html </a> and at
  173. <a href="http://www.mangus.com/alphabet.html">http://www.mangus.com/alphabet.html</a>
  174. <li>the "food font" at
  175.   <a href="http://www.planettell.com/planett/FF/">
  176.   http://www.planettell.com/planett/FF/</a>, 
  177. <li>some 3D alphabets at
  178.  <a href="http://www.dewa.com/spell/">
  179.   http://www.dewa.com/spell/</a>, 
  180. <li> a zillion "digit collections"
  181. <em>(useful if you are interested in using GIF_TEXT as a clock)</eM> at
  182. <a href="http://www.digitmania.holowww.com"> http://www.digitmania.holowww.com</a>
  183. </menu>
  184.  
  185. <dt>Some sources for  buttons include:
  186. <dd>
  187.  <dd><a href="http://www.andyart.com">http://www.andyart.com</a>,
  188.   <a href="http://www.interwebb.com/users/cloe/">
  189.     http://www.interwebb.com/users/cloe/</a>, and
  190.   <a href="http://hp5.econ.cbs.dk/~gemal/psychedupgraphics/index.html">
  191.     http://hp5.econ.cbs.dk/~gemal/psychedupgraphics/index.html</a>
  192.  
  193.  
  194.  
  195. </dl>
  196.  
  197.  
  198.  
  199.  
  200.  
  201.  
  202. </BODY>
  203. </HTML>
  204.  
  205.