home *** CD-ROM | disk | FTP | other *** search
/ OS/2 Shareware BBS: Graphics / Graphics.zip / gif_text.zip / MKBUTTON.SRE < prev    next >
Text File  |  1998-12-07  |  9KB  |  254 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 a SRE-http addon.
  7. To use it as a cgi=bin script "addon", just change the
  8.    FORM ACTION="/mkgiftxt" method="get"
  9. to
  10.   FORM ACTION="/cgi-bin/mkgiftxt" method="get"
  11.  
  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 align=center> 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. <center><INPUT TYPE="submit" VALUE="Generate the .GIF"></center><br>
  36.  
  37. <table><tr>
  38. <td nowrap>Enter the <b>message</b>:</td>
  39. <td><INPUT TYPE="text" NAME="text"  value="hello" SIZE=40 MAXLENGTH=100> </td>
  40. <td>
  41. <menu compact>
  42. <li> Use <code>$t</code> to generate the time, and <code>$d</code> to generate the date.
  43. <li> Use <code>$f(new_font_name)</code> to switch fonts.
  44. <li> Use <code>$n</code> for a new line
  45. </menu>
  46. </table>
  47.  
  48. <table border=0>
  49. <th> Select an <b>alphabyte</b> font</th>
  50. <th> a button style </th>
  51. <th> and a color slide  </th>
  52. <tr>
  53. <td valign=top>
  54. <SELECT NAME="FONT" SIZE=5>
  55. <OPTION SELECTED value="Enviro">Enviro (both cases, numbers, etc.)
  56. <OPTION value="Revue">Revue (letters and numbers
  57. <OPTION value="hobo"> Hobo (leters and numbers)
  58. <OPTION value="mandarin"> Mandarin (letters and numbers)
  59. <OPTION value="stich"> Stitches  (letters and numbers)
  60. <OPTION value="logger"> Logger  (letters only)
  61. <OPTION value="andy01"> Drippy  (letters and numbers)
  62. <OPTION value="andy02"> Typewritter keys (letters only)
  63. <OPTION value="andy04"> Austere (letters only)
  64. <OPTION value="andy03"> Shadowed austere (letters only)
  65. <option value="fresnel"> Fresnel (derived from TTF font)
  66. <option value="handwrit"> Handwriting (derived from TTF font)
  67. <option value="twoturt"> Kids (derived from TTF font)
  68. <option value="antelope"> Antelope (derived from TTF font)
  69. <option value="epilog"> Epilog (derived from TTF font)
  70. <option value="buttrfly"> Butterfly (derived from TTF font)
  71. <option value="scrawn"> Scrawn(derived from TTF font)
  72. <option value="ghosty"> Ghosty (letters and numbers)
  73. <option value="fuzgreen"> Fuzzy green (letters and numbers)
  74. <option value="purpwhit"> Purple and white (lettes and numbers)
  75. <option value="greyred">Grey & red (letters and numbers)
  76. </SELECT>
  77. <br>
  78. <em> or ... </em> specify a font name: <input type="text" name="font2" width=15 maxsize="200">
  79. <br>For example: <code>twoturt</code>
  80. </td>
  81.  
  82. <Td>
  83. <SELECT NAME="back" SIZE=7>
  84. <OPTION SELECTED value="buttons/blustone">Bluestone rectangle
  85. <OPTION SELECTED value="buttons/blueoval">Blue oval
  86. <OPTION SELECTED value="buttons/butntex4"> Purple stone rectangle
  87. <OPTION SELECTED value="buttons/butntex5"> Striped brown rectangle
  88. <OPTION SELECTED value="buttons/butntex6"> Dark Brown wood rectangle
  89. <OPTION SELECTED value="buttons/butntex9"> Streak gold rectangle
  90. <OPTION SELECTED value="buttons/butt01.gif"> Grey circle (h/w=120,120, x/y=28,39)
  91. <OPTION SELECTED value="buttons/butt02"> Black rectangle
  92. <OPTION SELECTED value="buttons/green1"> Green rectangle
  93. <OPTION SELECTED value="buttons/greeov"> Green oval (h/w=120,50, x/y=15,12)
  94. <OPTION SELECTED value="buttons/grey1"> Grey rectangle
  95. <OPTION SELECTED value="buttons/greybut"> Grey stone oval (h/w=120,50, x/y=20,15)
  96. <OPTION SELECTED value="buttons/image4"> Blue papery rectangle
  97. <OPTION SELECTED value="buttons/k_1.gif"> Grey papery rectangle
  98. <OPTION SELECTED value="buttons/K_5.gif"> Dark grey papery rectangle
  99. <OPTION SELECTED value="buttons/k_7.gif">Light green papery rectangle
  100. <OPTION SELECTED value="buttons/next.gif"> Cyan-grey  rectangle
  101. <OPTION SELECTED value="buttons/orange1.gif"> Fadeout orange rectangle
  102. <OPTION SELECTED value="buttons/purple1"> Purple rectangle
  103. <OPTION SELECTED value="buttons/redoval">Red oval (h/w=120,50, x/y=20,10)
  104. <OPTION SELECTED value="buttons/sqbut11"> Grey stone square  (h/w=100,80, x/y=20,10)
  105. <OPTION SELECTED value="buttons/sqbut13"> Orange stone square
  106. <OPTION SELECTED value="buttons/sqbut22"> Pink stone square
  107. <OPTION SELECTED value="buttons/sqbut26"> Green stone square
  108. <OPTION SELECTED value="buttons/sqbut5"> Brown wood square
  109. <OPTION SELECTED value="buttons/ssqbut30"> Reddish brown wood square
  110. <OPTION SELECTED value="buttons/sqbut7"> White stone square (h/w=100,80, x/y=20,10)
  111. <OPTION SELECTED value="buttons/wood1"> Wood circle (h/w=120,120, x/y=28,39)
  112. </SELECT>
  113. <br>
  114. <menu>
  115. <li>
  116. <em>... or,</em> specify a file: <input type="text" name="back2" width=15 maxsize="200">
  117. <br>For example: <code>buttons/next</code>
  118.  
  119. <li><em>The <b>h/w</b> (height and width) and <b>x/y</b> (x_frame and y_frame) are recommended values.
  120. </em>
  121. </menu>
  122.  
  123.  
  124. </td>
  125. <td valign=top>
  126. <SELECT NAME="slide" SIZE=6>
  127. <OPTION SELECTED value="">No color slide
  128. <OPTION value="slides/b_c_b"> Blue-cyan-blue
  129. <OPTION value="slides/rainbow"> A rainbow
  130. <OPTION value="slides/r_o_r"> Red-orange-red
  131. <OPTION value="slides/fadeout"> Fadeout 
  132. <OPTION value="slides/tiedye"> Tie die 
  133. <OPTION value="slides/b_w_b"> Black-white-black 
  134. <OPTION value="slides/slide1"> Orange-blue
  135. <OPTION value="slides/oranges"> Orange colors 
  136. <OPTION value="slides/o_b_o"> Orange blue orange
  137. <OPTION value="slides/bar75"> Yellow/black  (2d)
  138. <OPTION value="slides/aback023"> Cloudy (2d)
  139. <OPTION value="slides/backg20"> Purple lightning (2d)
  140. <OPTION value="slides/backg16"> Bumpy grey (2d)
  141. </SELECT><br>
  142. <em>... or,</em> specify a file: <input type="text" name="slide2" width=15 maxsize="200">
  143. <br>For example: <code>slides/fadeout</code>
  144.  
  145. <Td>
  146.  
  147. </td>
  148. </table>
  149. <P>
  150. <table>
  151. <Tr>
  152. <td bgcolor="#99aa99">
  153. Message  size: </td>
  154. <td>width= <INPUT TYPE="text" NAME="Width"  VALUE="120"  SIZE=6 MAXLENGTH=6> ,
  155.  and height= <INPUT TYPE="text" NAME="height"  VALUE="50"  SIZE=6 MAXLENGTH=6>
  156. <em>(in pixels) </em>
  157. </table>
  158. <table>
  159. <tr>
  160. <td bgcolor="#99aa99">
  161. Frame size in pixels (modify this to center text within the button):
  162. </td><td>
  163. left/right sides =<INPUT TYPE="text" NAME="X_frame"
  164.   VALUE="10"  SIZE=4 MAXLENGTH=4>,<br>
  165.  and top/bottom =<INPUT TYPE="text" NAME="y_frame"  VALUE="10"  SIZE=6 MAXLENGTH=6>
  166. </td>
  167. <br>
  168. </table>
  169. <center><em>The above height, width and frame values are recommended, but not
  170. essential.  You may find that other values look better.</em></center>
  171.  
  172. <table>
  173. <tr>
  174. <td bgcolor="#99aa99">
  175. <input type="checkbox" name="transparent" value="-1"> Suppress Transparency
  176. </td><td>
  177. (some button/font combinations require this).
  178. </td></table>
  179.                                                 
  180. <input type="Hidden" name="back_scale" value=1>     
  181. <br>
  182. <center>
  183. <table align=center><tr>
  184. <td> <input type="reset" value="Reset Values"> 
  185. <td bgcolor="998888"> or 
  186. <td>
  187. <INPUT TYPE="submit" VALUE="Generate the .GIF">
  188. </table>
  189. </center>
  190.  
  191. <p>
  192.  
  193. <hr>
  194. The following buttons are shipped with the full-pack version of GIF_TEXT. Note that
  195. <b>not</b> all of them are available in the above <em>list of buttons</em>.<br>
  196. <img src="/imgs/allbut1.gif">
  197.  
  198. <hr>
  199. <h3>Acknowledgements</h3>
  200.  
  201. This utilty would not have been possible without <A HREF="http://www.bearsoft.com/abs/rexxgd.html">RXGDUTIL.DLL</A> ".GIF"
  202. library; a port of the GD library by <A HREF="mailto:awysocki@bearsoft.com">Andy Wysocki</A>.
  203.  
  204. <p> ...and, it would have been useless without the various and
  205. sundry <em>alphabyte fonts </em> and <b>backgrounds</b>, which were obtained from:
  206.  
  207. <dl>
  208. <dt>
  209. Rosie's Alphabytes
  210. <dd>
  211.    <a href="http://www.geocities.com/HotSprings/3055/alphabet.html">
  212.         http://www.geocities.com/HotSprings/3055/alphabet.html</a>
  213. (<a href="http://www.geocities.com/HotSprings/3055/rozilogo.gif">logo</a>)
  214.  
  215. <dt>E-Mom's Rainbow Graphic Designs:
  216. <dd>   <a href="http://www.geocities.com/Heartland/Hills/6404/rainbow.html">
  217.        http://www.geocities.com/Heartland/Hills/6404/rainbow.html</a>
  218. (<a href="http://www.geocities.com/Heartland/Hills/6404/logo-emom.gif">logo</a>)
  219.  
  220. <dt>Andy's Art Attack:
  221. <dd><a href="http://www.andyart.com">http://www.andyart.com</a>
  222. (<a href="http://www.andyart.com/images/alogo3.gif">logo)</a>
  223.  
  224.  
  225. <dt> You might also want to check out ...
  226. <dd>
  227. <menu>
  228. <li> over 100 fonts/alphabytes at
  229. <a href="http://www.algonet.se/~guld1/freefont.htm">
  230.   Daniel Guildkrans site </a>
  231. <li> links to many alphabytes at  <a href="http://www.ist.net/clipart/uwa/iconsfnt.html">
  232. http://www.ist.net/clipart/uwa/iconsfnt.html </a> and at
  233. <a href="http://www.mangus.com/alphabet.html">http://www.mangus.com/alphabet.html</a>
  234. <li>some 3D alphabets at
  235.  <a href="http://www.dewa.com/spell/">
  236.   http://www.dewa.com/spell/</a>, 
  237. <li> a zillion "digit collections"
  238. <em>(useful if you are interested in using GIF_TEXT as a clock)</eM> at
  239. <a href="http://www.digitmania.holowww.com"> http://www.digitmania.holowww.com</a>
  240. </menu>
  241.  
  242.  
  243.  
  244. </dl>
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251. </BODY>
  252. </HTML>
  253.  
  254.