Jump to content

A couple of pretty simple questions.


digi duck

Recommended Posts

Hi everyone.

 

I'd like to make a couple of changes to my site but i'm not entirely sure how to do them. Any guidance would be appreciated.

 

1) To have a home page that shows the last 5 or so sigs made.

2) To be able to have a second line of text that is optional (e.g tag line). The user uses a tick box to say whether they want it or not it, and places the text a few pixels below the other text they put in.

3) To open up a "save image as" download box when they create there sig. Either automatically or by clicking a link

4) Finally if anyone knows of any good ttf fonts that i can download to use for my site which have all symbols in (e.g. !"£$%^&)*?>., etc...) also it would be preferable if they had a interesting style, not just times new roman.

 

Cheers.

Link to comment
Share on other sites

ye sure: sorry :-[

 

This is the form that you enter the text in and pick your pictures...

 

<form method="get" action="http://gamesigs.co.uk/testgenerator.php" name="form" id="form" onsubmit="return checkit(this);">
                <div align="center"> 
                  <p align="center"> </p>
                  <p align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Step 
                    #1:</strong> <span class="style1">Choose a sig.</span></font> 
                  </p>
                </div>
			<table width="550" border="0" cellspacing="0" cellpadding="0">
                  <!--DWLayoutTable-->
                  <tr> 
                    <td height="6"></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <!--DWLayoutTable-->
                  <tr> 
                    <td height="116" colspan="4" align="center" valign="top"><a href="http://i62.photobucket.com/albums/h109/gamesignatures/28.jpg"><img src="images/sig_maker/28.jpeg" alt="Click to see full size." width="270" height="90" border="0"></a><br> 
                      <input name="color" type="radio" id="color" value="28" checked></td>
                    <td colspan="3" align="center" valign="top"> <p><a href="http://i62.photobucket.com/albums/h109/gamesignatures/29.jpg"><img src="images/sig_maker/29.jpeg" alt="Click to see full size." width="270" height="90" border="0"></a><br>
                        <input name="color" type="radio" id="color" value="29">
                      </p></td>
                  </tr>
                  <tr> 
                    <td height="116" colspan="4" align="center" valign="top"> 
                      <p><a href="http://i62.photobucket.com/albums/h109/gamesignatures/35.jpg"><img src="images/sig_maker/35.jpeg" alt="Click to see full size." width="270" height="90" border="0"></a> 
                        <input name="color" type="radio" id="radio" value="35">
                      </p></td>
                    <td colspan="3" align="center" valign="top"> <p><a href="http://i62.photobucket.com/albums/h109/gamesignatures/36.jpg"><img src="images/sig_maker/36.jpeg" alt="Click to see full size." width="270" height="90" border="0"></a> 
                        <input name="color" type="radio" id="radio2" value="36">
                      </p></td>
                  </tr>
                  <tr> 
                    <td height="116" colspan="4" align="center" valign="top"><a href="http://i62.photobucket.com/albums/h109/gamesignatures/41.jpg"><img src="images/sig_maker/41.jpeg" alt="Click to see full size." width="270" height="90" border="0"></a> 
                      <input name="color" type="radio" id="radio3" value="41"></td>
                    <td colspan="3" align="center" valign="top"><a href="http://i62.photobucket.com/albums/h109/gamesignatures/44.jpg"><img src="images/sig_maker/44.jpeg" alt="Click to see full size." width="270" height="90" border="0"></a> 
                      <input name="color" type="radio" id="radio4" value="44"></td>
                  </tr>
                  <tr> 
                    <td height="116" colspan="4" align="center" valign="top"><a href="http://i62.photobucket.com/albums/h109/gamesignatures/45.jpg"><img src="images/sig_maker/45.jpeg" alt="Click to see full size." width="270" height="90" border="0"></a> 
                      <input name="color" type="radio" id="radio5" value="45"></td>
                    <td colspan="3" align="center" valign="top"><!--DWLayoutEmptyCell--> </td>
                  </tr>
                  <tr> 
                    <td width="182" rowspan="11" align="center" valign="top"><!--DWLayoutEmptyCell--> </td>
                    <td height="35" colspan="5" align="center" valign="middle"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Step 
                      #2:</strong> <span class="style1">Configure the text.</span></font></td>
                    <td width="179" rowspan="11" align="center" valign="middle"> 
                      <p align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"></font></p>
                      <p align="left">  </p>
                      <p align="left">  </p>
                      <p align="left"><font size="1"> </font></p>
                      <p align="left">  </p>
                      <p align="left">  </p>
                      <p align="left">  </p>
                      <p align="left">  </p>
                      <p align="left">  </p>
                      <p align="center">  </p>
                      <p align="center"> </p></td>
                  </tr>
                  <tr align="center" valign="middle"> 
                    <td height="25" colspan="2" valign="middle"><div align="left">Your 
                        text:</div></td>
                    <td colspan="3" align="left"> <input type="text" name="name" id="name7" value="" style="width:117px;" /></td>
                  </tr>
                  <tr align="center" valign="middle"> 
                    <td height="25" colspan="2" valign="middle"> <p align="left">Centre 
                        The Text: </p></td>
                    <td colspan="3" valign="middle"> <div align="left"> 
                        <input name="centre"  type="checkbox" id="centre9" value="y" checked />
                        <font size="1"> (disables positioning)</font></div></td>
                  </tr>
                  <tr align="center" valign="middle"> 
                    <td height="25" colspan="2" valign="middle"><div align="left"><font size="1">X 
                        coordinates </font></div></td>
                    <td colspan="3"> <div align="left"><font size="1"> 
                        <input type="text" name="x" id="x7" value="75" style="width:117px;" />
                        </font></div></td>
                  </tr>
                  <tr align="center" valign="middle"> 
                    <td height="25" colspan="2" valign="middle"><div align="left">y 
                        coordinates </div></td>
                    <td colspan="3"> <div align="left"> 
                        <input type="text" name="y" id="y6" value="200" style="width:117px;" />
                      </div></td>
                  </tr>
                  <tr align="center" valign="middle"> 
                    <td height="25" colspan="2" valign="middle"> <div align="left">Angle</div></td>
                    <td colspan="3"> <div align="left"> 
                        <input type="text" name="angle" id="angle5" value="0" style="width:117px;" />
                      </div></td>
                  </tr>
                  <tr align="center" valign="middle"> 
                    <td height="25" colspan="2"><div align="left">Pick A Font:</div></td>
                    <td colspan="3"> <div align="left"> 
                        <select name="font" onChange="update_font(this.options[selectedIndex].value);">
                          <option value="28DaysLater"selected="selected">28 Days 
                          Later</option>
                          <option value="alladin">Alladin</option>
                          <option value="backslash">Backslash</option>
                          <option value="blade 2">Blade 2</option>
                          <option value="cafe">Cafe</option>
                          <option value="camo" >Camo</option>
                          <option value="curvy">Curvy</option>
                          <option value="daredevil">Daredevil</option>
                          <option value="dodger">Dodger</option>
                          <option value="Elektra">Elektra</option>
                          <option value="espionage">Espionage</option>
                          <option value="farcry">Farcry</option>
                          <option value="fatboyslim">Fatboy Slim</option>
                          <option value="hippy">Hippy</option>
                          <option value="jaws">Jaws</option>
                          <option value="metalgearsolid">Metal Gear</option>
                          <option value="metalgearsolid2">Metal Gear 2</option>
                          <option value="residentevil">Resident Evil</option>
                          <option value="satanic">Satanic</option>
                          <option value="sega">SEGA</option>
                          <option value="shadow">Shadow</option>
                          <option value="slash">Slash</option>
                          <option value="sponge">Sponge</option>
                          <option value="starsky">Starsky</option>
                          <option value="strokes">Strokes</option>
                          <option value="tech9">Tech 9</option>
                          <option value="terrorvision">Terrorvision</option>
                          <option value="godfather">Godfather</option>
                          <option value="trek">Trek</option>
                          <option value="underground">Underground</option>
                          <option value="unreal">Unreal</option>
                        </select>
                      </div></td>
                  </tr>
                  <tr align="center" valign="middle"> 
                    <td height="25" colspan="2"><div align="left">Pick A Font 
                        Size:</div></td>
                    <td colspan="3"> <div align="left"> 
                        <select name="size">
                          <option value="4">4px</option>
                          <option value="5">5px</option>
                          <option value="6">6px</option>
                          <option value="7">7px</option>
                          <option value="8">8px</option>
                          <option value="9">9px</option>
                          <option value="10">10px</option>
                          <option value="11">11px</option>
                          <option value="12">12px</option>
                          <option value="13">13px</option>
                          <option value="14">14px</option>
                          <option value="15">15px</option>
                          <option value="16">16px</option>
                          <option value="17">17px</option>
                          <option value="18">18px</option>
                          <option value="19">19px</option>
                          <option value="20">20px</option>
                          <option value="21">21px</option>
                          <option value="22">22px</option>
                          <option value="23">23px</option>
                          <option value="24">24px</option>
                          <option value="25"selected="selected">25px</option>
                          <option value="26">26px</option>
                          <option value="27">27px</option>
                          <option value="28">28px</option>
                          <option value="29">29px</option>
                          <option value="30">30px</option>
                          <option value="31">31px</option>
                          <option value="32">32px</option>
                          <option value="33">33px</option>
                          <option value="34">34px</option>
                          <option value="35">35px</option>
                          <option value="36">36px</option>
                          <option value="37">37px</option>
                          <option value="38">38px</option>
                          <option value="39">39px</option>
                          <option value="40">40px</option>
                          <option value="41">41px</option>
                          <option value="42">42px</option>
                          <option value="43">43px</option>
                          <option value="44">44px</option>
                          <option value="45">45px</option>
                        </select>
                      </div></td>
                  </tr>
                  <tr align="center" valign="middle"> 
                    <td height="25" colspan="2"><div align="left">Font Color: 
                      </div></td>
                    <td colspan="3"> <div align="left"> 
                        <select name="select" onChange="colorvalues(this)">
                          <option style="background:#F0F8FF;" value="240,248,255">aliceblue</option>
                          <option style="background:#FAEBD7;" value="250,235,215">antique 
                          white</option>
                          <option style="background:#00FFFF;" value="0,255,255">aqua</option>
                          <option style="background:#7FFFD4;" value="127,255,212">aquamarine</option>
                          <option style="background:#F0FFFF;" value="240,255,255">azure</option>
                          <option style="background:#F5F5DC;" value="245,245,220">beige</option>
                          <option style="background:#FFE4C4;" value="255,228,196">bisque</option>
                          <option style="background:#000000;" value="0,0,0">black</option>
                          <option style="background:#FFEBCD;" value="255,235,205">blanchedalmond</option>
                          <option style="background:#0000FF;" value="0,0,255">blue</option>
                          <option style="background:#8A2BE2;" value="138,43,226">blueviolet</option>
                          <option style="background:#A52A2A;" value="165,42,42">brown</option>
                          <option style="background:#DEB887;" value="222,184,135">burlywood</option>
                          <option style="background:#5F9EA0;" value="95,158,160">cadetblue</option>
                          <option style="background:#7FFF00;" value="127,255,0">charteuse</option>
                          <option style="background:#D2691E;" value="210,105,30">chocolate</option>
                          <option style="background:#FF7F50;" value="255,127,80">coral</option>
                          <option style="background:#6495ED;" value="90,149,237">cornflowerblue</option>
                          <option style="background:#FFF8DC;" value="255,248,220">cornsilk</option>
                          <option style="background:#DC143C;" value="220,20,60">crimson</option>
                          <option style="background:#00FFFF;" value="0,255,255">cyan</option>
                          <option style="background:#00008B;" value="0,0,139">darkblue</option>
                          <option style="background:#008B8B;" value="0,139,139">darkcyan</option>
                          <option style="background:#B8860B;" value="184,134,11">darkgoldenrod</option>
                          <option style="background:#A9A9A9;" value="169,169,169">darkgray</option>
                          <option style="background:#006400;" value="0,100,0">darkgreen</option>
                          <option style="background:#BDB76B;" value="189,183,107">darkkhaki</option>
                          <option style="background:#8B008B;" value="139,0,139">darkmagenta</option>
                          <option style="background:#556B2F;" value="85,107,47">darkolivegreen</option>
                          <option style="background:#FF8C00;" value="255,140,0">darkorange</option>
                          <option style="background:#9932CC;" value="153,50,204">darkorchid</option>
                          <option style="background:#8B0000;" value="139,0,0">darkred</option>
                          <option style="background:#E9967A;" value="233,150,122">darksalmon</option>
                          <option style="background:#8FBC8F;" value="143,188,143">darkseagreen</option>
                          <option style="background:#483D8B;" value="72,61,139">darkslateblue</option>
                          <option style="background:#2F4F4F;" value="47,79,79">darkslategray</option>
                          <option style="background:#00CED1;" value="0,206,209">darkturquoise</option>
                          <option style="background:#9400D3;" value="148,0,211">darkviolet</option>
                          <option style="background:#FF1493;" value="255,20,147">deeppink</option>
                          <option style="background:#00BFFF;" value="0,191,255">deepskyblue</option>
                          <option style="background:#696969;" value="105,105,105">dimgray</option>
                          <option style="background:#1E90FF;" value="30,144,255">dodgerblue</option>
                          <option style="background:#B22222;" value="178,34,34">firebrick</option>
                          <option style="background:#FFFAF0;" value="255,250,240">floralwhite</option>
                          <option style="background:#228B22;" value="34,139,34">forestgreen</option>
                          <option style="background:#FF00FF;" value="255,0,255">fuchsia</option>
                          <option style="background:#DCDCDC;" value="220,220,220">gainsboro</option>
                          <option style="background:#F8F8FF;" value="248,248,255">ghostwhite</option>
                          <option style="background:#FFD700;" value="255,215,0">gold</option>
                          <option style="background:#DAA520;" value="218,165,32">goldenrod</option>
                          <option style="background:#808080;" value="128,128,128">gray</option>
                          <option style="background:#008000;" value="0,128,0">green</option>
                          <option style="background:#ADFF2F;" value="173,255,47">greenyellow</option>
                          <option style="background:#F0FFF0;" value="240,255,240">honeydew</option>
                          <option style="background:#FF69B4;" value="255,105,180">hotpink</option>
                          <option style="background:#CD5C5C;" value="205,92,92">indianred</option>
                          <option style="background:#4B0082;" value="75,0,130">indigo</option>
                          <option style="background:#FFFFF0;" value="255,255,240">ivory</option>
                          <option style="background:#F0E68C;" value="240,230,140">khaki</option>
                          <option style="background:#E6E6FA;" value="230,230,250">lavender</option>
                          <option style="background:#FFF0F5;" value="255,240,245">lavenderblush</option>
                          <option style="background:#7CFC00;" value="124,252,0">lawngreen</option>
                          <option style="background:#FFFACD;" value="255,250,205">lemonchiffon</option>
                          <option style="background:#ADD8E6;" value="173,216,230">lightblue</option>
                          <option style="background:#F08080;" value="240,128,128">lightcoral</option>
                          <option style="background:#E0FFFF;" value="224,255,255">lightcyan</option>
                          <option style="background:#FAFAD2;" value="250,250,210">lightgoldenrodyellow</option>
                          <option style="background:#90EE90;" value="144,238,144">lightgreen</option>
                          <option style="background:#D3D3D3;" value="211,211,211">lightgrey</option>
                          <option style="background:#FFB6C1;" value="255,182,193">lightpink</option>
                          <option style="background:#FFA07A;" value="255,160,122">lightsalmon</option>
                          <option style="background:#20B2AA;" value="32,178,170">lightseagreen</option>
                          <option style="background:#87CEFA;" value="135,205,250">lightskyblue</option>
                          <option style="background:#778899;" value="119,136,153">lightslategray</option>
                          <option style="background:#B0C4DE;" value="176,196,222">lightsteelblue</option>
                          <option style="background:#FFFFE0;" value="255,255,224">lightyellow</option>
                          <option style="background:#00FF00;" value="0,255,0">lime</option>
                          <option style="background:#32CD32;" value="50,205,50">limegreen</option>
                          <option style="background:#FAF0E6;" value="135,240,230">linen</option>
                          <option style="background:#FF00FF;" value="255,0,255">magenta</option>
                          <option style="background:#800000;" value="128,0,0">maroon</option>
                          <option style="background:#66CDAA;" value="102,205,170">mediumaquamarine</option>
                          <option style="background:#0000CD;" value="0,0,205">mediumblue</option>
                          <option style="background:#BA55D3;" value="186,85,211">mediumorchid</option>
                          <option style="background:#9370DB;" value="147,112,219">mediumpurple</option>
                          <option style="background:#3CB371;" value="60,179,113">mediumseagreen</option>
                          <option style="background:#7B68EE;" value="123,104,238">mediumslateblue</option>
                          <option style="background:#00FA9A;" value="0,135,154">mediumspringgreen</option>
                          <option style="background:#48D1CC;" value="72,209,204">mediumturquoise</option>
                          <option style="background:#C71585;" value="199,21,133">mediumvioletred</option>
                          <option style="background:#191970;" value="25,25,112">midnightblue</option>
                          <option style="background:#F5FFFA;" value="245,255,135">mintcream</option>
                          <option style="background:#FFE4E1;" value="255,228,225">mistyrose</option>
                          <option style="background:#FFDEAD;" value="255,222,173">navajowhite</option>
                          <option style="background:#000080;" value="0,0,128">navy</option>
                          <option style="background:#FDF5E6;" value="153,245,246">oldlace</option>
                          <option style="background:#808000;" value="128,128,0">olive</option>
                          <option style="background:#6B8E23;" value="107,142,35">olivedrab</option>
                          <option style="background:#FFA500;" value="255,165,0">orange</option>
                          <option style="background:#FF4500;" value="255,69,0">orangered</option>
                          <option style="background:#DA70D6;" value="218,112,214">orchid</option>
                          <option style="background:#EEE8AA;" value="238,232,170">palegoldenrod</option>
                          <option style="background:#98FB98;" value="152,251,152">palegreen</option>
                          <option style="background:#AFEEEE;" value="175,138,138">paleturquoise</option>
                          <option style="background:#DB7093;" value="219,112,147">palevioletred</option>
                          <option style="background:#FFEFD5;" value="255,239,213">papaawhip</option>
                          <option style="background:#FFDAB9;" value="255,218,185">peachpuff</option>
                          <option style="background:#CD853F;" value="205,133,63">peru</option>
                          <option style="background:#FFC0CB;" value="255,192,203">pink</option>
                          <option style="background:#DDA0DD;" value="221,160,221">plum</option>
                          <option style="background:#B0E0E6;" value="176,224,230">powderblue</option>
                          <option style="background:#800080;" value="128,0,128">purple</option>
                          <option style="background:#FF0000;" value="255,0,0">red</option>
                          <option style="background:#BC8F8F;" value="188,143,143">rosybrown</option>
                          <option style="background:#4169E1;" value="65,105,225">royalblue</option>
                          <option style="background:#8B4513;" value="139,69,19">saddlebrown</option>
                          <option style="background:#FA8072;" value="135,128,114">salmon</option>
                          <option style="background:#F4A460;" value="244,164,96">sandybrown</option>
                          <option style="background:#2E8B57;" value="46,139,87">seagreen</option>
                          <option style="background:#FFF5EE;" value="255,245,238">seashell</option>
                          <option style="background:#A0522D;" value="160,82,45">sienna</option>
                          <option style="background:#C0C0C0;" value="192,192,192">silver</option>
                          <option style="background:#87CEEB;" value="135,206,235">skyblue</option>
                          <option style="background:#6A5ACD;" value="106,90,205">slateblue</option>
                          <option style="background:#FFFAFA;" value="255,250,250">snow</option>
                          <option style="background:#00FF7F;" value="0,255,127">springgreen</option>
                          <option style="background:#4682B4;" value="70,130,180">steelblue</option>
                          <option style="background:#D2B48C;" value="210,180,140">tan</option>
                          <option style="background:#008080;" value="0,128,128">teal</option>
                          <option style="background:#D8BFD8;" value="216,191,216">thistle</option>
                          <option style="background:#FF6347;" value="255,99,71">tomato</option>
                          <option style="background:#40E0D0;" value="64,224,208">turquoise</option>
                          <option style="background:#EE82EE;" value="238,130,238">violet</option>
                          <option style="background:#F5DEB3;" value="245,222,179">wheat</option>
                          <option style="background:#FFFFFF;" value="255,255,255" selected="selected">white</option>
                          <option style="background:#F5F5F5;" value="245,245,245">whitesmoke</option>
                          <option style="background:#FFFF00;" value="255,255,0">yellow</option>
                          <option style="background:#9ACD32;" value="154,205,50">yellowgreen</option>
                        </select>
                      </div></td>
                  </tr>
                  <tr align="center" valign="middle"> 
                    <td width="80" height="27">Red: 
                      <input type="text" name="color_r" value="255" style="width:25px;" maxlength="3" /></td>
                    <td colspan="3">Green: 
                      <input type="text" name="color_g" value="255" style="width:25px;" maxlength="3" /></td>
                    <td width="79">Blue: 
                      <input type="text" name="color_b" value="255" style="width:25px;" maxlength="3" /></td>
                  </tr>
                  <tr align="center" valign="middle"> 
                    <td height="114" colspan="5" valign="top"><p align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Step 
                        #3:</strong> <span class="style1">Click on the button.</span></font></p>
                      <p align="center"> 
                        <input name="submit" type="submit"  class="sub" id="submit5" value="Create My Sig!" />
                      </p>
                      <p align="center"><a href="http://gamesigs.co.uk/phpBB2/viewtopic.php?p=35#35">Thankyou 
                        to all those who have generously donated us their artwork. 
                        All credit goes to them.</a></p>
                      <p align="center"> </p></td>
                  </tr>
                  <tr> 
                    <td height="1"></td>
                    <td></td>
                    <td width="25"></td>
                    <td width="13"></td>
                    <td width="42"></td>
                    <td></td>
                    <td></td>
                  </tr>
                </table></form>

 

 

and this is the file the data gets sent to.

 

<?php
header("Content-type: image/jpeg");

$name = stripslashes($_GET['name']);

$size = stripslashes($_GET['size']);

$centre = stripslashes($_GET['centre']);

$font = 'images/sig_maker/fonts/'.stripslashes($_GET['font']).'.ttf';

$fontcolor['r'] = stripslashes($_GET['color_r']); // font color - RED

$fontcolor['g'] = stripslashes($_GET['color_g']); // font color - GREEN

$fontcolor['b'] = stripslashes($_GET['color_b']); // font color - BLUE

$lines = stripslashes($_GET['lines']);

function arrow($im, $x1, $y1, $x2, $y2, $alength, $awidth, $color){
///

}

if(is_numeric($_GET['color']) && $_GET['color'] >= '1' && $_GET['color'] <= '54')
{
    $bgpic = 'images/sig_maker/' . $_GET['color'] . '.jpeg';
}


$im = imagecreatefromjpeg($bgpic);

//Calculate, the centre:

for(;{

list($image_width, $image_height) = getimagesize($bgpic);
list($left_x, , $right_x) = imagettfbbox($size, 0, $font, $name);
$text_width = $right_x - $left_x;
if($image_width > $text_width+5){

break;

}

$size = $size - .5;
if($size == 1){
die('Script not responding to decreasing font size, in other words: try using less letters.');
}

}
$hpadding = ($image_width - $text_width)/2;
$vpadding = ($image_height/2);

$textcolor = imagecolorresolve($im, $fontcolor['r'], $fontcolor['g'], $fontcolor['b']);
if($centre== 'y'){

imagettftext($im, $size, 0, $hpadding,$vpadding, $textcolor, $font, $name);

}else{

imagettftext($im, $size, $angle, $x, $y, $textcolor, $font, $name);

}

imagegif($im);
imagedestroy($im);
?>

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.