Здравствуйте, Гость ( Вход | Регистрация )

Правила | Поиск | Помощь | Участники | Репутация


  ОтветитьНовая темаНовый опрос
Как создать стиль оформления формы заказы, Помощь…
« Предыдущая тема | Следующая тема » Версия для печати
DoctorIkari
27 Aug 2009, 07:07  


Сейчас вне форума
Группа: Новичок
Сообщений: 4
Репутация: нет
Регистрация: 26 Aug 09


Суть проблемы: есть главная страница сайта с дизайном в хтмл. Нужно сделать форму заказа услуги (интернет) с дизайном похожим как на гл.стр. и чтобы эта форма отправлялась на адрес админа (в личку или на мыло).
P.S. в этом деле я вообще дуб-дубом (прошу подсказать как сделать собственно саму форму и дизайн). Если необходимо, выложу шаблон.

Подскажите, пожалуйста, люди добрые)
 
 
Enspire
22 Jan 2014, 13:26  


Сейчас вне форума
Группа: Свой человек
Сообщений: 55
Репутация: нет
Регистрация: 12 Oct 11


Это вопрос не только хтмл, но и php-файла или js-скрипта, работающего в связке с хтмл-файлом. Сейчас почти все сайты на движках делаются и этот вопрос решается с помощью соответствующего плагина отправки сообщений.
 
 
TheRumz
8 Mar 2014, 15:03  


Сейчас вне форума
Группа: Свой человек
Сообщений: 32
Репутация: нет
Регистрация: 12 Jun 13
Живет: Москва

нет проблем …

страница.html — просто вставляете код в нужное место!



Код:
<h2>НАЗВАНИЕ ФОРМЫ</h2>
<form name="MyForm" action="mail.php" method="post">
<p><input class="input" name="name" type="text" style="width:15%" /> Ваше имя*</p>

<p><input class="input" name="email" type="text" style="width:15%" /> Электронная почта*</p>

<p><input class="input" name="sub" type="text" style="width:15%" /> Тема сообщения</p>

<p>Текст сообщения:<br /><textarea name="body" cols="1" rows="5" style="width:30%" /></textarea></p>
<p><input  id="submit" value="Отправить" type="submit" /></p>
</form>

<style>
body{
background:#fff;
font-size:16px;
font-family:sans-serif;
font-style: italic;
}
#submit {
font-family: sans-serif;
color: #ffffff;
font-size: 18px;
padding: 0px;
text-decoration: none;
box-shadow: 0px 1px 3px #666666;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
text-shadow: 1px 1px 3px #666666;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#ce1515), to(#8b0d0d));
background: -moz-linear-gradient(top, #ce1515, #8b0d0d);
}

#submit:hover {
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#8b0d0d), to(#ce1515));
 background: -moz-linear-gradient(top, #8b0d0d, #ce1515)
}
#respond input[type=text], textarea {
 -webkit-transition: all 0.30s ease-in-out;
 -moz-transition: all 0.30s ease-in-out;
 -ms-transition: all 0.30s ease-in-out;
 -o-transition: all 0.30s ease-in-out;
 outline: none;
 padding: 3px 0px 3px 3px;
 margin: 5px 1px 3px 0px;
 border: 1px solid #DDDDDD;
}

#respond input[type=text]:focus, textarea:focus {
 box-shadow: 0 0 5px rgba(81, 203, 238, 1);
 margin: 5px 1px 3px 0px;
 border: 1px solid rgba(81, 203, 238, 1);
}
</style>


mail.php — создаете такой файл и вставляете туда код.



Код:
<meta http-equiv='refresh' content='3; url=line-site.ru'>
<meta charset="UTF-8" />
<?php
if (isset($_POST['name'])) {$name = $_POST['name']; if ($name == '') {unset($name);}}
if (isset($_POST['email'])) {$email = $_POST['email']; if ($email == '') {unset($email);}}
if (isset($_POST['sub'])) {$sub = $_POST['sub']; if ($sub == '') {unset($sub);}}
if (isset($_POST['body'])) {$body = $_POST['body']; if ($body == '') {unset($body);}}

if (isset($name) && isset($email) && isset($sub) && isset($body)){

$address = "name@ya.ru"; // Сюда записываете ваш E-Mail
$mes = "Имя: $name \nE-mail: $email \nТема: $sub \nТекст: $body";
$send = mail ($address,$sub,$mes,"Content-type:text/plain; charset = UTF-8\r\nFrom:$email");
if ($send == 'true')
{echo "<div align='center'>
 <p><strong><font color='#FF0000'>Сообщение отправленно.</font></strong></p>
 <p><strong><font color='#FF0000'>Подождите 3 секунды.</font></strong>
   </p>
</div>";}
else {echo "Ошибка, сообщение не отправлено!";}

}
else
{
echo "Вы заполнили не все поля!";
}
?>
 
 
2 ответов с 27 Aug 2009, 07:07 Версия для печати

<< Назад в Верстка и дизайн
ОтветитьНовая темаНовый опрос