<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>فرم سفارش</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
$(document).ready(function(){
$('.center').slideDown(500);
// the vibration code by www.moisrex.rozblog.com
function moisrexvibration(){
$('.vibration').animate({'left':'1px'},10)
$('.vibration').animate({'top':'1px'},10)
$('.vibration').animate({'left':'-1px'},10)
$('.vibration').animate({'top':'-1px'},10)
$('.vibration').animate({'left':'-1px'},10)
};
setInterval(
function(){
moisrexvibration()
}
,0)
});
</script>
<style>
body{
background:#eee;
font:11px tahoma;
direction:rtl;
}
.center{
position:absolute;
top: 50%;
left: 50%;
width:650px;
height:800px;
margin-top: -200px; /*set to a negative number 1/2 of height*/
margin-left: -250px; /*set to a negative number 1/2 of width*/
text-align: center;
background:#fff;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-khtml-border-radius:5px;
border:1px #555 solid;
display:none;
}
.title{
background: -moz-linear-gradient( top center, #333, #333, #666 );
background: -webkit-linear-gradient( top center, #333, #333, #666 );
background: -o-linear-gradient( top center,#333, #333, #666 );
background: -khtml-linear-gradient( top center, #333, #333, #666 );
background: -ms-linear-gradient( top center, #333, #333, #666 );
background: linear-gradient( top center, #333, #333, #666 );
padding:5px;
color:#fff;
font:bold 12px tahoma;
}
a{
color:#333;
text-decoration:none;
}
a:hover{
color:#000;
}
.vibration{
position:relative;
}
</style>
</head>
<body>
<div class="center">
<div class="title">سفارش</div>
<div style="padding:10px;">
<div style="text-align: right;">
<title>فرم سفارش</title>
<!--Contact-->
<style>
.tbl{
direction:rtl;
font-family:Tahoma;
font-size:12px
}
table{
}
.right{
background-color: #EEEEEE;
width: 150px;
line-height: 25px;
font-size: 12px;
color: #333333
}
input,select {
padding: 2px;
border: 1px dashed #808080;
font-family: tahoma;
font-size: 12px;
margin-right: 2px;
margin-left: 2px;
-webkit-transition : all 0.5s ease-in-out;
-moz-transition : all 0.5s ease-in-out;
-o-transition : all 0.5s ease-in-out;
transition : all 0.5s ease-in-out;
width: 110px;
}
input:focus{
width: 200px;
}
#sent{
display: block;
background-color: #EEFBEE;
border: 1px green dashed;
font-family: Tahoma;
width: 440px;
margin: 20px auto 20px auto;
font-size: 12px;
text-align: center;
padding: 10px;
border-radius : 5px;
-o-border-radius : 5px;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
}
#err{
display: block;
background-color: #FFF8F4;
border: 1px maroon dashed;
font-family: Tahoma;
width: 440px;
margin: 20px auto 20px auto;
font-size: 12px;
text-align: center;
padding: 10px;
border-radius : 5px;
-o-border-radius : 5px;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
}
.border{
background-color: #FFFFFF;
font-size: 11px;
font-family: tahoma;
border: 4px double #CCCCCC;
border-radius : 0 0 0 30px;
-o-border-radius : 0 0 0 30px;
-webkit-border-radius : 0 0 0 30px;
-moz-border-radius : 0 0 0 30px;
-webkit-transition : all 0.5s ease-in-out;-moz-transition : all 0.5s ease-in-out;-o-transition : all 0.5s ease-in-out; transition : all 0.5s ease-in-out;}
.border:focus{
border-radius : 5px;
-o-border-radius : 5px;
-webkit-border-radius : 5px;
-moz-border-radius : 5px; }
</style>
</head>
<body>
<form action="http://www.20tools.com/contact-email/email.php?send" name="contactfrm" method="post" onsubmit="return contact(this);">
<table width="460" cellpadding="5" align="center" class="tbl" >
<tr>
<td class="right">نام و نام خانوادگي :</td>
<td class="left"><input type="text" name="data[نام و نام خانوادگي]"/></td>
</tr>
<tr>
<td class="right">ايميل: </td>
<td class="left"><input type="text" name="data[ايميل]"/></td>
</tr>
<tr>
<td class="right">شماره تماس : </td>
<td class="left"><input type="text" name="data[شماره تماس]"/></td>
</tr>
<tr>
<td class="right">آدرس سايت :</td>
<td class="left">
<input type="text" name="data[آدرس سايت]" dir="ltr" value="http://"/></td>
</tr>
<tr>
<td class="right">تاريخ واريز : </td>
<td class="left"><input type="text" name="data[تاريخ واريز]"/></td>
</tr>
<tr>
<td class="right">مبلغ واريزي :</td>
<td class="left"><input type="text" name="data[مبلغ واريزي]"/> تومان</td>
</tr>
<tr>
<td class="right">شماره فيش / پيگيري :</td>
<td class="left"><input type="text" name="data[کد پيگيري]"/></td>
</tr>
<tr>
<td class="right">نوع سفارش :</td>
<td class="left">
<select name="data[نوع سفارش]">
<option>بنر</option>
<option>هدر</option>
<option>لوگو</option>
<option>کارت ويزيت</option>
</select>
</td>
</tr>
<tr>
<td class="right">سايز سفارش :</td>
<td class="left"><input type="text" name="data[سايز هاي ديگر]"/></td>
</tr>
<tr>
<td class="right">لينک تصوير1 :</td>
<td class="left"><input type="text" name="data[لينک تصوير1]"/></td>
</tr>
<tr>
<td class="right">لينک تصوير2 :</td>
<td class="left"><input type="text" name="data[لينک تصوير2]"/></td>
</tr>
<tr>
<td class="right" style="width: 150px" valign="top">پيغام :<br>متن طرح ، رنگ بندي مورد نظر و اطلاعاتي که براي طراحي نياز است در اختيار ما قرار گيرد را در اين فيلد وارد نمائيد</td>
<td class="left">
<textarea class="border" name="data[متن پيغام]" style="width: 254px; height: 117px"></textarea></td>
</tr>
<tr>
<td class="right" style="width: 150px" valign="top"></td>
<td class="left"><input type="submit" value="ارسال فرم" /><input type="reset" value="نگارش از نو" /></td>
</tr>
</table>
<input type="hidden" name="your_emali" value="mshafaeirad@yahoo.com" />
</form>
</body>
</html>
<br><br><br>
<img align="absmiddle" alt="✔" src="http://uploadpa.com/beta/12/24pgwf4enur701gr9l0.png">
<a href="/tamas" title="جهت ارتباط با مدیر اینجا رو کلیک کنید"><span style="color:red;">جهت ارتباط با مدیر اینجا رو کلیک کنید</span></a>
</div>
<br>
<a style="color:#aaa;font-size:9px;" href="http://moisrex.rozblog.com">طراح قالب</a>
</div>
</div>
</body>
</html>