Code
<form name="motivatorform" action="http://diy.despair.com/motivator.php" method="post" onsubmit="return fReqs();" enctype="multipart/form-data">
<a name="top"></a>
<div class="motivator_layout">
<div class="label_notice">
<p><br></p>
</div><!--/label_notice-->
<div class="motivator_copy">
<br><br>
</div><!--/motivator_copy-->
<div class="image_center">
<ul>
<li>
<p><img src="upload.jpg" tppabs="http://images.despair.com/banners/diy/upload.jpg"></p>
</li>
<li>
<p>
Нажмите на кнопку обзор, чтобы выбрать картинку</p>
</li>
<li>
<input name="userfile" type="file"><br>
</li>
<li>
<label>Обрезать фото </label>
</li>
<li>
<input name="alignment" id="align2" value="center" checked="checked" type="radio">
<label for="align2">По Центру</label>
<input name="alignment" id="align1" value="left" type="radio">
<label for="align1">Слева</label>
<input name="alignment" id="align3" value="right" type="radio">
<label for="align3">Справа</label>
</li>
<li>
<label>Ориентация:</label>
</li>
<li>
<input name="orientation" id="orientation1" value="landscape" checked="checked" type="radio">
<label for="orientation1">Пейзаж (широкий)</label>
<input name="orientation" id="orientation2" value="portrait" type="radio">
<label for="orientation2">Портрет (высотных) </label>
</li>
<li>
<label>Title:</label> <span>Выберите стиль шрифта .</span>
<input id="diyTitle" name="title" value="" size="40">
<select name="font1">
<option value="times" selected="selected">Roman (default)</option>
<option value="framd">Plain</option>
<option value="fantasy1">Fantasy</option>
<option value="script">Script</option>
<option value="yikes">Comic book</option>
<option value="scifi">Sci-fi</option>
<option value="army">Army</option>
<option value="smash">Grunge</option>
<option value="caslantr">Goth</option>
<option value="arcade">80's arcade</option>
<option value="cloisterblack">Olde school</option>
<option value="70s">Funk</option>
</select>
</li>
<li>
<label>Текст:</label> <span>Напишите описание, не больше 175 символов.</span>
<textarea id="diyText" cols="40" rows="3" name="text"></textarea>
<br>
<select name="font2">
<option value="times">Roman</option>
<option value="framd" selected="selected">Plain (default)</option>
<option value="fantasy1">Fantasy</option>
<option value="script">Script</option>
<option value="yikes">Comic book</option>
<option value="scifi">Sci-fi</option>
<option value="army">Army</option>
<option value="smash">Grunge</option>
<option value="caslantr">Goth</option>
<option value="arcade">80's arcade</option>
<option value="cloisterblack">Olde school</option>
<option value="70s">Funk</option>
</select>
</li>
<li>
<p><input class="button" name="button" value="Создать" type="submit"></p>
</li>
</ul>
</div> <!--/image_center-->
<p></p></div> <!--/motivator_layout-->
</form>
<!--/result-frame-->
<!--/frame-->
<style type="text/css">
div.float {
float: left;
}
</script>
<script type="text/javascript">
_uacct = "UA-2356281-1";
urchinTracker();
</script>
<!-- Start Quantcast tag -->
<script type="text/javascript" src="quant.js" tppabs="http://edge.quantserve.com/quant.js"></script>
<script type="text/javascript">_qacct="p-bd--ugXf0rN8Y";quantserve();</script>
<noscript>
<a href="javascript:if(confirm('http://www.quantcast.com/p-bd--ugXf0rN8Y \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://www.quantcast.com/p-bd--ugXf0rN8Y'" tppabs="http://www.quantcast.com/p-bd--ugXf0rN8Y" target="_blank"><img src="p-bd--ugXf0rN8Y.gif" tppabs="http://pixel.quantserve.com/pixel/p-bd--ugXf0rN8Y.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/></a>
</noscript>
<!-- End Quantcast tag -->
</body>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Parody Motivator Generator</title>
<link href="despairwide.css" tppabs="http://onerap.ucoz.ru/Desp/despairwide.css" rel="stylesheet" type="text/css" />
<meta name="Keywords" content="">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="3colrightNav.css" tppabs="http://onerap.ucoz.ru/Desp/3colrightNav.css" type="text/css">
<link rel="stylesheet" type="text/css" href="mainwide.css" tppabs="http://onerap.ucoz.ru/Desp/mainwide.css" media="screen">
<link rel="stylesheet" type="text/css" href="prototip.css" tppabs="http://onerap.ucoz.ru/Desp/prototip.css" />
<link rel="stylesheet" type="text/css" href="dwitemwide.css" tppabs="http://onerap.ucoz.ru/Desp/dwitemwide.css" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://onerap.ucoz.ru/Desp/despairinc">
<link rel="stylesheet" href="motivator.css" tppabs="http://onerap.ucoz.ru/Desp/motivator.css" type="text/css"> <script type="text/javascript" src="browser.js" tppabs="http://css.despair.com/Scripts/browser.js"></script>
<script type="text/javascript" src="prototype-1.6.0.2.js" tppabs="http://onerap.ucoz.ru/Desp/prototype-1.6.0.2.js"></script>
<script type="text/javascript" src="scriptaculous.js" tppabs="http://onerap.ucoz.ru/Desp/scriptaculous.js"></script>
<script type="text/javascript" src="navScripts.js" tppabs="http://onerap.ucoz.ru/Desp/navScripts.js"></script>
<script type="text/javascript" src="prototip.js" tppabs="http://onerap.ucoz.ru/Desp/prototip.js"></script>
<script type="text/javascript" src="diyScripts.js" tppabs="http://onerap.ucoz.ru/Desp/diyScripts.js"></script>
<script type="text/javascript">function tellafriendwindow(url) {window.open (url,'','width=316,height=555,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no');}</script>
<script type="text/javascript" language="javascript">
function hide(id) {
var e = document.getElementById(id);
if (e != null) {
e.style.display = "none";
}
}
function show(id, style) {
var e = document.getElementById(id);
if (style == null) { style = "block"; }
if (e != null) {
e.style.display = style;
}
}
function hideLoadingMessage() {
var e = document.getElementById("loading");
if (e != null) {
e.style.display = "none";
}
var e = document.getElementById("resultframe");
if (e != null) {
e.style.display = "block";
}
}
t1 = setTimeout("hideLoadingMessage()", 30000);
</script>
<script language="javascript" type="text/javascript">
var colorDialogField;
var mouseX, mouseY;
document.onmousemove = getMousePosition;
function getMousePosition(e) {
try {
if (!e) e = window.event;
if (e.pageX)
mouseX = e.pageX;
else if (e.clientX)
mouseX = e.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
else
mouseX = null;
if (e.pageY)
mouseY = e.pageY;
else if (e.clientY)
mouseY = e.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
else
mouseY = null;
} catch(e) {
// This is here so that the page doesn't throw errors when there is no
// document. That seems to happen in IE when the mouse is moving while the
// page is loading.
}
}
function openColorDialog(f, e) {
colorDialogField = f;
// Show dialog
var d = document.getElementById('colorPickerDialog');
if (d != null) {
d.style.top = mouseY+"px";
d.style.left = mouseX+"px";
d.style.visibility = "visible";
// This "shim" is here to keep windowed elements like <select>
// boxes from poking holes in the colorPickerDialog <div>.
var s = document.getElementById('colorPickerShim');
if (s != null) {
s.style.top = mouseY+"px";
s.style.left = mouseX+"px";
s.style.visibility = "visible";
}
}
// Give control of the mouse position to the color dialog.
document.onmousemove = getDialogMousePosition;
}
function closeColorDialog(f) {
// Hide dialog
var d = document.getElementById('colorPickerDialog');
if (d != null) {
d.style.visibility = "hidden";
// Hide the shim
var s = document.getElementById('colorPickerShim');
if (s != null) {
s.style.visibility = "hidden";
}
}
// Reclaim control of the mouse position back to the main
// window so that the next dialog can be positioned.
document.onmousemove = getMousePosition;
}
function setColor(c) {
var s = document.getElementById(colorDialogField+'ColorSwatch');
var h = document.getElementById(colorDialogField);
if (s != null && h != null) {
s.style.backgroundColor = c;
h.value = c;
}
closeColorDialog();
}
/************************************************************/
// This code was adapted from the fantastic 4096 Color Wheel
// by Jemima Pereira (http://www.ficml.org/jemimap/style/color/wheel.html)
// Modified by John Watson for use as a popup.
threec = new Array("#666666", "#555555", "#545657"); // the three colors
// HSV conversion algorithm adapted from easyrgb.com
function hsv2rgb(Hdeg,S,V) {
H = Hdeg/360; // convert from degrees to 0 to 1
if (S==0) { // HSV values = From 0 to 1
R = V*255; // RGB results = From 0 to 255
G = V*255;
B = V*255;}
else {
var_h = H*6;
var_i = Math.floor( var_h ); //Or ... var_i = floor( var_h )
var_1 = V*(1-S);
var_2 = V*(1-S*(var_h-var_i));
var_3 = V*(1-S*(1-(var_h-var_i)));
if (var_i==0) {var_r=V ; var_g=var_3; var_b=var_1}
else if (var_i==1) {var_r=var_2; var_g=V; var_b=var_1}
else if (var_i==2) {var_r=var_1; var_g=V; var_b=var_3}
else if (var_i==3) {var_r=var_1; var_g=var_2; var_b=V}
else if (var_i==4) {var_r=var_3; var_g=var_1; var_b=V}
else {var_r=V; var_g=var_1; var_b=var_2}
R = Math.round(var_r*255); //RGB results = From 0 to 255
G = Math.round(var_g*255);
B = Math.round(var_b*255);
}
return new Array(R,G,B);
}
function rgb2hex(rgbary) {
cary = new Array;
cary[3] = "#";
for (i=0; i < 3; i++) {
cary[i] = parseInt(rgbary[i]).toString(16);
if (cary[i].length < 2) cary[i] = "0"+ cary[i];
cary[3] = cary[3] + cary[i];
cary[i+4] = rgbary[i]; //save dec values for later
}
// function returns hex color as an array of three two-digit strings
// plus the full hex color and original decimal values
return cary;
}
function webRounder(c,d) {//d is the divisor
//safe divisor is 51, smart divisor is 17
thec = "#";
for (i=0; i<3; i++) {
num = Math.round(c[i+4]/d) * d; //use saved rgb value
numc = num.toString(16);
if (String(numc).length < 2) numc = "0" + numc;
thec += numc;
}
return thec;
}
function hexColorArray(c) { //now takes string hex value with #
threec[2] = c[3];
threec[1] = webRounder(c,17);
threec[0] = webRounder(c,51);
return false;
}
function greyMoved(x, y) {
if (x < 10) {
// Pure black
c = rgb2hex(hsv2rgb(0, 0, 0));
} else if (x > 140) {
// Pure white
c = rgb2hex(hsv2rgb(0, 0, 1));
} else {
// Shades of grey
c = rgb2hex(hsv2rgb(0, 0, (x-10)/130));
}
hexColorArray(c);
hoverColor();
}
function getDialogMousePosition(e) {
if (document.layers) {
x = e.layerX;
y = e.layerY;
}
else if (document.all) {
x = event.offsetX;
y = event.offsetY;
}
else if (document.getElementById) {
x = (e.pageX - document.getElementById("colorPickerDialog").offsetLeft);
y = (e.pageY - document.getElementById("colorPickerDialog").offsetTop);
}
if (x > 150) { return false; }
if (y > 150) { greyMoved(x, y); return false; }
cartx = x - 75;
carty = 75 - y;
cartx2 = cartx * cartx;
carty2 = carty * carty;
cartxs = (cartx < 0)?-1:1;
cartys = (carty < 0)?-1:1;
cartxn = cartx/75; //normalize x
rraw = Math.sqrt(cartx2 + carty2); //raw radius
rnorm = rraw/75; //normalized radius
if (rraw == 0) {
sat = 0;
val = 0;
rgb = new Array(0,0,0);
}
else {
arad = Math.acos(cartx/rraw); //angle in radians
aradc = (carty>=0)?arad:2*Math.PI - arad; //correct below axis
adeg = 360 * aradc/(2*Math.PI); //convert to degrees
if (rnorm > 1) { // outside circle
rgb = new Array(255,255,255);
sat = 1;
val = 1;
}
//else rgb = hsv2rgb(adeg,1,1);
else if (rnorm >= .5) {
sat = 1 - ((rnorm - .5) *2);
val = 1;
rgb = hsv2rgb(adeg,sat,val);
}
else {
sat = 1;
val = rnorm * 2;
rgb = hsv2rgb(adeg,sat,val);}
}
c = rgb2hex(rgb);
hexColorArray(c);
hoverColor();
return false;
}
function hoverColor() {
var e = document.getElementById("colorPickerDialog");
e.style.backgroundColor = threec[2];
return false;
}
function pickColor() {
setColor(threec[2]);
return false;
}
/************************************************************/
</script>
</head>
<body>
<iframe id="colorPickerShim" src="javascript:false;" frameBorder="0" scrolling="no"></iframe><div id="colorPickerDialog" style="visibility: hidden;"><a href="#" onclick="pickColor(); return false;" onmouseout="closeColorDialog();"><img src="hsvwheel.png" tppabs="http://diy.despair.com/img/hsvwheel.png" alt="Color wheel"></a></div> <div id="wrap">
<div id="maincontent">
<div class="header" style="padding-top:20px;">
<div class="banner_logo">
<ul class="banner_logo">
<li class="banner_logo"><a class="banner_logo" href="javascript:if(confirm('http://despair.com/index.html \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://despair.com/index.html'" tppabs="http://despair.com/index.html"><img class="banner_logo" src="despairnavlogo.gif" tppabs="http://site.despair.com/images/banners/despairnavlogo.gif"></a>
</li>
</ul>
</div> <!--/banner_logo-->
<div class="wl_form_list" id="wailingListForm">
<ul class="wl_form_list">
<li class="wl_form_list">
<form style="padding:0 0 0 0; vertical-align:top;" method="POST" action="http://the.wailinglist.com/despair/prefs" target="optin" onsubmit="wlSubmit_list();">
<input class="wl_form_list" style="padding:0 0 0 0; position:relative; margin-right:5px;" type="text" name="email_addr" value=" Insert your email here">
<input type="hidden" style="border:0;" value="optin" name="subscribe">
<input style="padding:0 0 0 0; width:14px; height:18px; border:0; position:relative; bottom:-6px;" src="mailicon.gif" tppabs="http://site.despair.com/images/buttons/mailicon.gif" border=0 type="image" name="submit" value="submit">
</form></li>
<li style="width:100px;">
<img src="thewailing.gif" tppabs="http://site.despair.com/images/buttons/thewailing.gif" style="border:0; position:relative; bottom:-8px; padding:0 0 0 0; margin-right:5px;">
</li>
</ul>
</div>
<div class="wl_form_list" id="wailingListMemo">
<ul>
<li style="width:250px;"><img id="wlStatus" src="join.gif" tppabs="http://site.despair.com/images/buttons/join.gif" style="border:0;">
</li>
</ul>
</div>
<iframe name="optin" WIDTH="0" HEIGHT="0" frameborder="0"></iframe>
<div class="banner_tab" id="banner_tabs">
<ul>
<li><a class="banner_tab" href="javascript:if(confirm('http://onerap.ucoz.ru/Despl/wg-order?demotivators \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://store.yahoo.com/cgi-bin/wg-order?demotivators'" tppabs="http://store.yahoo.com/cgi-bin/wg-order?demotivators"><img src="yourorderBLACK.gif" tppabs="http://lib.store.yahoo.net/lib/demotivators/yourorderBLACK.gif" alt="Show Order"></a>
</li>
<li><a class="banner_tab" href="javascript:if(confirm('http://onerap.ucoz.ru/Despl/disservice1.html \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://despair.com/disservice1.html'" tppabs="http://despair.com/disservice1.html"><img src="disserviceBLACK.gif" tppabs="http://lib.store.yahoo.net/lib/demotivators/disserviceBLACK.gif" alt="Disservice"></a>
</li>
<li><a class="banner_tab" href="javascript:if(confirm('http://onerap.ucoz.ru/Despl/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://blog.despair.com/'" tppabs="http://blog.despair.com/"><img src="blogBLACK.gif" tppabs="http://lib.store.yahoo.net/lib/demotivators/blogBLACK.gif" alt="Subscribe"></a>
</li>
<li ><a class="banner_tab" href="javascript:if(confirm('http://onerap.ucoz.ru/Despl/spin.html \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://despair.com/spin.html'" tppabs="http://despair.com/spin.html"><img src="videoBLACK.gif" tppabs="http://lib.store.yahoo.net/lib/demotivators/videoBLACK.gif" alt="Spin"></a>
</li>
<li><a class="banner_tab" href="http://onerap.ucoz.ru/Despl/motivator.php.htm" tppabs="http://onerap.ucoz.ru/Despl/motivator.php.htm"><img src="diyBLUE.gif" tppabs="http://lib.store.yahoo.net/lib/demotivators/diyBLUE.gif" alt="DIY"></a>
</li>
<li><a class="banner_tab" href="javascript:if(confirm('http://onerap.ucoz.ru/Despl/motivator.php.htm \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://despair.com/store.html'" tppabs="http://despair.com/store.html"><img src="storeBLACK.gif" tppabs="http://lib.store.yahoo.net/lib/demotivators/storeBLACK.gif" alt="Store"></a>
</li>
</ul>
</div>
<div class="topdiv_list" >
</div>
</div> <!--/header-->
<div class="frame">
<iframe name="optin" WIDTH="0" HEIGHT="0" frameborder="0"></iframe>
<script type="text/javascript">
function showEmail() {
$('emailformmain').style.display = "";
$('emailformwaiting').style.display = "none";
$('emailformsuccess').style.display = "none";
Effect.Appear('emailform', { duration: 0.25 } );
}
function hideEmail() {
Effect.Fade('emailform', { duration: 0.25 } );
}
function makeRequest() {
var f = $('emailform');
if (f != null) {
file = f.file.value;
msgfrom = f.from.value;
msgfromname = f.fromname.value;
msgto = f.to.value;
msgtoname = f.toname.value;
msgcomment = f.comments.value;
$('emailformmain').style.display = "none";
$('emailformwaiting').style.display = "";
new Ajax.Request('email.php.htm'/*tpa=
{
asynchronous: true,
parameters: 'file='+escape(file)+'&from='+escape(msgfrom)+'&fromname='+escape(msgfromname)+'&to='+escape(msgto)+'&toname='+escape(msgtoname)+'&comments='+escape(msgcomment),
onSuccess: handlerFunc,
onFailure: errFunc
}
);
}
}
function handlerFunc(t) {
$('emailformwaiting').style.display = "none";
switch(t.responseText) {
case 'ok':
$('emailformmessage').innerHTML = '';
$('emailformsuccess').style.display = "";
break;
case 'error-from':
$('emailformmain').style.display = "";
$('emailformmessage').innerHTML = 'Enter your email address.';
break;
case 'error-fromname':
$('emailformmain').style.display = "";
$('emailformmessage').innerHTML = 'Enter your name.';
break;
case 'error-to':
$('emailformmain').style.display = "";
$('emailformmessage').innerHTML = "Enter recipient's email address.";
break;
case 'error-toname':
$('emailformmain').style.display = "";
$('emailformmessage').innerHTML = "Enter recipient's name.";
break;
case 'error-sending':
$('emailformmain').style.display = "";
$('emailformmessage').innerHTML = 'There was a problem sending the email. Make sure the email addresses are correct.';
break;
default:
$('emailformmain').style.display = "";
$('emailformmessage').innerHTML = t.responseText;
break;
}
}
function errFunc(t) {
return "email trouble";
}
function hidePreCart() {
Effect.Fade('precartform', { duration: 0.25 } );
}
function showPreCart() {
$('miniprintinfo').style.display = "";
Effect.Appear('precartform', { duration: 0.25 } );
}
function check_form(){ //function run upon cart submission
if (frm.policy.checked){ return true;
} else {return false;}
}
</script>
<form name="motivatorform" action="http://diy.despair.com/motivator.php" method="post" onSubmit="return fReqs();" enctype="multipart/form-data">
<a name="top"></a>
v/guidedtoursdiywhitebg.swf" bgcolor="#EFEFEF" border="0" quality="high"></embed></object>
</div>
<div class="motivator_layout">
<div class="label_notice">
<p>(CLICK BLUE TRIANGLE ABOVE FOR GUIDED VIDEO TOUR.)</p>
</div><!--/label_notice-->
<div class="motivator_copy">
<ul>
<li>
<h1>The War Against Motivation Continues.</h1>
</li>
<li>
<li>
<h2>Now, Join The Battle and Make Your Design.</h2>
</li>
</ul>
</div><!--/motivator_copy-->
<div class="image_center">
<ul>
<li>
<p><img src="upload.jpg" tppabs="http://images.despair.com/banners/diy/upload.jpg"></p>
</li>
<li>
<p>
Choose any photograph on your computer to use for your motivational parody. </p>
</li>
<li>
<input name="userfile" type="file" /><br>
</li>
<li>
<label>Keep this part of my photo visible if it must be cropped:</label>
</li>
<li>
<input type="radio" name="alignment" id="align2" value="center" checked>
<label for="align2">Center</label>
<input type="radio" name="alignment" id="align1" value="left">
<label for="align1">Top/Left</label>
<input type="radio" name="alignment" id="align3" value="right">
<label for="align3">Bottom/Right</label>
</li>
<li>
<label>Orientation:</label>
</li>
<li>
<input type="radio" name="orientation" id="orientation1" value="landscape" checked>
<label for="orientation1">Landscape (wide)</label>
<input type="radio" name="orientation" id="orientation2" value="portrait">
<label for="orientation2">Portrait (tall)</label>
</li>
<li>
<label>Colors:</label> <span>For the best look, choose colors that complement your photograph.</span>
</li>
<li>
<input type="hidden" name="color" id="color" value="#ffffff">
<a id="colorColorSwatch" href="javascript:openColorDialog('color')" class="colorpicker" style="background-color: #ffffff"> </a>
<label>Title+border</label>
<input type="hidden" name="color2" id="color2" value="#ffffff">
<a id="color2ColorSwatch" href="javascript:openColorDialog('color2')" class="colorpicker" style="background-color: #ffffff"> </a>
<label>Motivational text</label>
<input type="hidden" name="bg" id="bg" value="#000000">
<a id="bgColorSwatch" href="javascript:openColorDialog('bg')" class="colorpicker" style="background-color: #000000"> </a>
<label>Background</label>
</li>
<li>
<label>Title:</label> <span>Name your design, then pick your font.</span>
<input id="diyTitle" name="title" value="" size="40">
<select name="font1">
<option value="times" selected>Roman (default)</option>
<option value="framd">Plain</option>
<option value="fantasy1">Fantasy</option>
<option value="script">Script</option>
<option value="yikes">Comic book</option>
<option value="scifi">Sci-fi</option>
<option value="army">Army</option>
<option value="smash">Grunge</option>
<option value="caslantr">Goth</option>
<option value="arcade">80's arcade</option>
<option value="cloisterblack">Olde school</option>
<option value="70s">Funk</option>
</select>
</li>
<li>
<label>Motivational text:</label> <span >You've got room for 175 characters.</span>
<textarea id="diyText" cols="40" rows="3" name="text"></textarea>
<br>
<select name="font2">
<option value="times">Roman</option>
<option value="framd" selected>Plain (default)</option>
<option value="fantasy1">Fantasy</option>
<option value="script">Script</option>
<option value="yikes">Comic book</option>
<option value="scifi">Sci-fi</option>
<option value="army">Army</option>
<option value="smash">Grunge</option>
<option value="caslantr">Goth</option>
<option value="arcade">80's arcade</option>
<option value="cloisterblack">Olde school</option>
<option value="70s">Funk</option>
</select>
</li>
<li>
<p><input class="button" type="submit" name="button" value="Create poster"></p>
</li>
</ul>
</div> <!--/image_center-->
<p><br><center>
<font size=1 color=c1c1c1 face="verdana, arial, helvetica">Special thanks to flagrantdisregard.com for help.</i></font></center>
</div> <!--/motivator_layout-->
</form>
</div><!--/result-frame-->
</div><!--/frame-->
<style type="text/css">
div.float {
float: left;
}
<!-- Start Quantcast tag -->
<script type="text/javascript" src="quant.js" tppabs="http://edge.quantserve.com/quant.js"></script>
<script type="text/javascript">_qacct="p-bd--ugXf0rN8Y";quantserve();</script>
<noscript>
<a href="javascript:if(confirm('http://www.quantcast.com/p-bd--ugXf0rN8Y \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://www.quantcast.com/p-bd--ugXf0rN8Y'" tppabs="http://www.quantcast.com/p-bd--ugXf0rN8Y" target="_blank"><img src="p-bd--ugXf0rN8Y.gif" tppabs="http://pixel.quantserve.com/pixel/p-bd--ugXf0rN8Y.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/></a>
</noscript>
<!-- End Quantcast tag -->
</body>
</html></style>