<title>Создание демотиватора v.1.3</title>
<link rel=stylesheet href=css.css>
<script src=//code.jquery.com/jquery-latest.min.js></script>
<script>$(function(){if($.browser.msie && $.browser.version.substr(0,1)<7)
{$('.tooltip').mouseover(function()
{$(this).children('span').show()}).mouseout(function(){$(this).children('span').hide()})}})</script>
<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><input type="file" name="photo" accept="image/*" required>
<tr><td><label>Текст 1</label><td><input type="text" name="text1" placeholder="Верхняя строка" required>
<tr><td><label>Текст 2</label><td><input type="text" name="text2" placeholder="Нижняя строка">
<tr><td><label>Размер текста 1 [ 0 - 99 ]</label><td><input type="text" name="size1" value="30" maxlength="2" size="1" pattern="[0-9]{1,2}" required>
<tr><td><label>Размер текста 2 [ 0 - 99 ]</label><td><input type="text" name="size2" value="20" maxlength="2" size="1" pattern="[0-9]{1,2}" required>
<tr><td><label>Фон демотиватора</label><td>#<input type="text" name="bgcolor" value="000000" maxlength="6" size="6">
<tr><td><label>Цвет шрифта</label><td>#<input type="text" name="fontcolor" value="FFFFFF" maxlength="6" size="6">
<tr><td><label>Цвет рамки</label><td>#<input type="text" name="bordercolor" value="FFFFFF" maxlength="6" size="6">
<tr><td><label>Цвет тени</label><td>#<input type="text" name="fbcolor" value="000000" maxlength="6" size="6">
<tr><td><label>Уменьшить изображение до</label><td><input type="text" name="size3" maxlength="4" size="2" pattern="[0-9]{1,4}">&nbsp;px
<tr><td><label>Шрифт 
<label>
<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>
<tr><td><td><input type=submit value=Отправить>
</table>
</form>
</div>
<div class=sample>
<img src=sample.png>
</div>
</div>