http://profkrovlya.ru/
на странице главной возле слайдера есть форма для клиента на заказа бесплатного расчета
подскажите как сделать для этого блока фон и расположить поля для заполнения по середине
по типу
Бесплатный расчет материала
Ваше имя:
Строка ввода
Телефон:
Строка ввода
Кнопка заказать
этот блок нужно сделать размерами как у слайдера по высоте и по ширине так чтобы от сладера был небольшой отступ
не могу дать ума ему
помогите пожалуйста
0
Помогите Разобраться С Формой Заявки
Автор sibulba, 28 февр. 2016 22:27
Сообщений в теме: 2
#1
Отправлено 28 Февраль 2016 - 22:27
#2
Отправлено 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
Отправлено 02 Март 2016 - 11:07
спасибо!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных