<?

?>
<html>
<head>
<title>Создание демотиватора v.1.3</title>
<link rel="stylesheet" type="text/css" href="css.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
  $(function() {
    if ($.browser.msie && $.browser.version.substr(0,1)<7)
    {
      $('.tooltip').mouseover(function(){
            $(this).children('span').show();
          }).mouseout(function(){
            $(this).children('span').hide();
          })
    }
  });
</script>
</head>
<body>
<div class="block" align="left">
<div>
  <form action="rezult.php" id="dem" enctype="multipart/form-data" method="post" align="center">
  <table class="font-face">
   <tr><td><label>Фото</label></td><td><input type="file" name="photo" accept="image/*" required></td></tr>
   <tr><td><label>Текст 1</label></td><td><input type="text" name="text1" placeholder="Верхняя строка" required></td></tr>
   <tr><td><label>Текст 2</label></td><td><input type="text" name="text2" placeholder="Нижняя строка"></td></tr>
   <tr><td><label>Размер текста 1 [ 0 - 99 ]</label></td><td><input type="text" name="size1" value="30" maxlength="2" size="1" pattern="[0-9]{1,2}" required></td></tr>
   <tr><td><label>Размер текста 2 [ 0 - 99 ]</label></td><td><input type="text" name="size2" value="20" maxlength="2" size="1" pattern="[0-9]{1,2}" required></td></tr>
   <tr><td><label>Фон демотиватора</label></td><td>#<input type="text" name="bgcolor" value="000000" maxlength="6" size="6"></td></tr>
   <tr><td><label>Цвет шрифта</label></td><td>#<input type="text" name="fontcolor" value="FFFFFF" maxlength="6" size="6"></td></tr>
   <tr><td><label>Цвет рамки</label></td><td>#<input type="text" name="bordercolor" value="FFFFFF" maxlength="6" size="6"></td></tr>
   <tr><td><label>Цвет тени</label></td><td>#<input type="text" name="fbcolor" value="000000" maxlength="6" size="6"></td></tr>
   <tr><td><label>Уменьшить изображение до</label></td><td><input type="text" name="size3" maxlength="4" size="2" pattern="[0-9]{1,4}">&nbsp;px</td></tr>
   <tr><td><label>Шрифт 
<label></td>
   <td>
	<select form="dem" required name="font" >
		<option disabled>Выбор шрифта</option>
		<option value="Rockletter_Simple">Rockletter Simple</option>
		<option value="Times">Times New Roman</option>
		<option selected value="Univers_Medium">Univers Medium</option>
		<option value="Century">Century</option>
		<option value="DSCrystal">DSCrystal</option>
		<option value="Arial">Arial</option>
	</select>
<a href="#" class="tooltip">
  DEMO
  <span><img src="font.gif"></span>
</a>
	</td>
	</tr>
   <tr><td>&nbsp;</td><td><input type="submit" value="Отправить"></td></tr>
  </table>
  </form>
</div>
<div class="sample">
<img src="sample.png">
</div>
</div>
<div class="bottom">
&copy <a href="http://free-demotivator.tk/" target="_blank">Graffiti</a>
</div>
</body>
</html>