Перейти к содержимому


Помогите Разобраться С Формой Заявки


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 sibulba

sibulba

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 335 сообщений

Отправлено 28 Февраль 2016 - 22:27

http://profkrovlya.ru/

на странице главной возле слайдера есть форма для клиента на заказа бесплатного расчета
подскажите как сделать для этого блока фон и расположить поля для заполнения по середине

по типу

Бесплатный расчет материала
Ваше имя:
Строка ввода
Телефон:
Строка ввода
Кнопка заказать


этот блок нужно сделать размерами как у слайдера по высоте и по ширине так чтобы от сладера был небольшой отступ
не могу дать ума ему

помогите пожалуйста

#2 Danil

Danil

    Активный участник

  • Модераторы
  • 4 645 сообщений

Отправлено 29 Февраль 2016 - 15:06

Просмотр сообщенияsibulba (28 Февраль 2016 - 22:27) писал:

http://profkrovlya.ru/

на странице главной возле слайдера есть форма для клиента на заказа бесплатного расчета
подскажите как сделать для этого блока фон и расположить поля для заполнения по середине

по типу

Бесплатный расчет материала
Ваше имя:
Строка ввода
Телефон:
Строка ввода
Кнопка заказать


этот блок нужно сделать размерами как у слайдера по высоте и по ширине так чтобы от сладера был небольшой отступ
не могу дать ума ему

помогите пожалуйста
Здравствуйте.
В шаблоне html найдите код
<div class="calcofmat">
<h2>Бесплатный расчет материала</h2>
<form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
								 <input type="hidden" name="hash" value="{HASH}" />
								 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
								 {ANTISPAM_CODE}
								 <table class="form">
																 <tr>
																 <td><label for="callback_person" class="required">Ваше имя:</label></td>
																 <td><input id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" maxlength="50" class="required"/></td>
																 </tr>
																 <tr>
																 <td><label for="callback_phone" class="required">Телефон:</label></td>
																 <td><input id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="255" class="required input-text"/>
								 <div class="buttons">
								 <div class="right">
																 {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Заказать</button>{% ENDIF %}
								 </div>
								 </div>
								 </td>
																 </tr>
								 </table>
</form>
				 </div>
и замените на
  <div class="calcofmat">
<h2>Бесплатный расчет материала</h2>
<form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
								 <input type="hidden" name="hash" value="{HASH}" />
								 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
								 {ANTISPAM_CODE}
								 <table class="form">
																 <tr>
																 <td><label for="callback_person" class="required">Ваше имя:</label></td>
																   </tr>
																	<tr>
																 <td><input id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" maxlength="50" class="required"/></td>
																 </tr>
																 <tr>
																 <td><label for="callback_phone" class="required">Телефон:</label></td>
																   </tr>
																	<tr>
																 <td><input id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="255" class="required input-text"/></td>
																   </tr>
																 <tr>
																 <td>
								 <div class="buttons">
							   
																 {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Заказать</button>{% ENDIF %}
							  
								 </div>
								 </td>
																 </tr>
								 </table>
</form>
				 </div>
В main.css найдите код
.calcofmat {
	float: right;
	font-size: 14px;
	width: 250px;
	position: relative;
	z-index: 10;
}
и замените на
.calcofmat {
	float: right;
	font-size: 14px;
	width: 250px;
	position: relative;
	z-index: 10;
	background:#F00;
}
.calcofmat table tbody tr td {
	padding: 5px;
	text-align: center;
}
изменяйте цвет #F00(фон) на свой

#3 sibulba

sibulba

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 335 сообщений

Отправлено 02 Март 2016 - 11:07

спасибо!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных