digi duck Posted March 21, 2007 Share Posted March 21, 2007 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. Quote Link to comment Share on other sites More sharing options...
digi duck Posted March 21, 2007 Author Share Posted March 21, 2007 please help :'( Quote Link to comment Share on other sites More sharing options...
tippy_102 Posted March 21, 2007 Share Posted March 21, 2007 It's kinda hard to help without knowing where you're at now. Can you post your code? Quote Link to comment Share on other sites More sharing options...
digi duck Posted March 21, 2007 Author Share Posted March 21, 2007 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); ?> Quote Link to comment Share on other sites More sharing options...
digi duck Posted March 22, 2007 Author Share Posted March 22, 2007 any ideas now? Quote Link to comment Share on other sites More sharing options...
rofl90 Posted March 22, 2007 Share Posted March 22, 2007 SIMPLE! Thats the most exagerrated title i've ever read! Well.. very hard questions If you can have a normal line.. you should have enough knowledge to make a Tag-Line Quote Link to comment Share on other sites More sharing options...
digi duck Posted March 22, 2007 Author Share Posted March 22, 2007 i've tried I managed to make the centre option from scratch by my self but i cant get the tag line to show up. Its the if else statements i cant handle i think. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.