Здравствуйте!
Прошу помочь с корректировкой формы обратной связи. Примерно накидал как ее хотелось бы видеть, дальше мои познания в хтмл заканчиваются. Что хотелось бы сделать:
1) Сделать шрифт надписей "Видео", "Фото и графические материалы" и "Желаемая продолжительность итогового видео" таким же как шрифты телефона и имейла.
2) Поле телефона сделать по ширине таким же как поле имейла
3) Поля "Видео", "Фото и графические материалы" и "Желаемая продолжительность итогового видео" сделать примерно в 5 раз уже
4) Убрать белиберду из полей "Видео", "Фото и графические материалы" и "Желаемая продолжительность итогового видео"
5) Разместить поля "Видео", "Фото и графические материалы" и "Желаемая продолжительность итогового видео" справа от от носящихся к ним надписей
6) Сделать, чтобы форма работала, т.е при заполнении полей на почту приходила вся информация.
Аккаунт SL-286322
0
Корректировка Формы Обратной Связи
Автор yamamoto, 24 апр. 2014 00:09
Сообщений в теме: 4
#1
Отправлено 24 Апрель 2014 - 00:09
#2
Отправлено 24 Апрель 2014 - 15:19
yamamoto (24 Апрель 2014 - 00:09) писал:
Здравствуйте!
Прошу помочь с корректировкой формы обратной связи. Примерно накидал как ее хотелось бы видеть, дальше мои познания в хтмл заканчиваются. Что хотелось бы сделать:
1) Сделать шрифт надписей "Видео", "Фото и графические материалы" и "Желаемая продолжительность итогового видео" таким же как шрифты телефона и имейла.
2) Поле телефона сделать по ширине таким же как поле имейла
3) Поля "Видео", "Фото и графические материалы" и "Желаемая продолжительность итогового видео" сделать примерно в 5 раз уже
4) Убрать белиберду из полей "Видео", "Фото и графические материалы" и "Желаемая продолжительность итогового видео"
5) Разместить поля "Видео", "Фото и графические материалы" и "Желаемая продолжительность итогового видео" справа от от носящихся к ним надписей
6) Сделать, чтобы форма работала, т.е при заполнении полей на почту приходила вся информация.
Аккаунт SL-286322
Прошу помочь с корректировкой формы обратной связи. Примерно накидал как ее хотелось бы видеть, дальше мои познания в хтмл заканчиваются. Что хотелось бы сделать:
1) Сделать шрифт надписей "Видео", "Фото и графические материалы" и "Желаемая продолжительность итогового видео" таким же как шрифты телефона и имейла.
2) Поле телефона сделать по ширине таким же как поле имейла
3) Поля "Видео", "Фото и графические материалы" и "Желаемая продолжительность итогового видео" сделать примерно в 5 раз уже
4) Убрать белиберду из полей "Видео", "Фото и графические материалы" и "Желаемая продолжительность итогового видео"
5) Разместить поля "Видео", "Фото и графические материалы" и "Желаемая продолжительность итогового видео" справа от от носящихся к ним надписей
6) Сделать, чтобы форма работала, т.е при заполнении полей на почту приходила вся информация.
Аккаунт SL-286322
1. найдите в main.css код
.form-list .input-box { display:block; clear:both; width:227px;font-size:1.2em; }замените на
.form-list .input-box { display:block; clear:both; width:227px;/*font-size:1.2em; */}2 найдите в редакторе шаблона в Связь с администрацией найдите
<label for="phone">Телефон</label> <div class="input-box"> <input name="form[Телефон]" value="{FORM_ТЕЛЕФОН}" />замените на
<label for="phone">Телефон</label> <div class="input-box"> <input name="form[Телефон]" value="{FORM_ТЕЛЕФОН}" /style="width: 216px;">3 найдите код
<div class="input-box"> <div class="field name-lastname"> <label for="phone">Видео</label> <input name="form[Исходники_видео]" value="{FORM_Исходники_видео}" />минут </div> <div class="field name-lastname"> <label for="phone">Фото и графические материалы</label> <input name="form[Исходники_фото]" value="{FORM_Исходники_фото}" /> ед </div> <div class="field name-lastname"> <br><label for="phone">Желаемая продолжительность итогового видео</label> <div class="input-box"> <input name="form[Итог]" value="{FORM_Итог}" /> минут </div>
замените на
<div class="input-box"> <div class="field name-lastname"> <label for="phone">Видео</label> <input name="form[Исходники_видео]" value="{FORM_Исходники_видео}" /style="width: 80px;">минут </div> <div class="field name-lastname"> <label for="phone">Фото и графические материалы</label> <input name="form[Исходники_фото]" value="{FORM_Исходники_фото}" /style="width: 80px;"> ед </div> <div class="field name-lastname"> <br><label for="phone">Желаемая продолжительность итогового видео</label> <div class="input-box"> <input name="form[Итог]" value="{FORM_Итог}" /style="width: 80px;"> минут </div>
4 что конкретно Вы имеете ввиду
#3
Отправлено 09 Май 2014 - 13:12
Ирина345 (24 Апрель 2014 - 15:19) писал:
Здравствуйте
1. найдите в main.css код
замените на
4 что конкретно Вы имеете ввиду
1. найдите в main.css код
.form-list .input-box { display:block; clear:both; width:227px;font-size:1.2em; }замените на
.form-list .input-box { display:block; clear:both; width:227px;/*font-size:1.2em; */}2 найдите в редакторе шаблона в Связь с администрацией найдите
<label for="phone">Телефон</label> <div class="input-box"> <input name="form[Телефон]" value="{FORM_ТЕЛЕФОН}" />замените на
<label for="phone">Телефон</label> <div class="input-box"> <input name="form[Телефон]" value="{FORM_ТЕЛЕФОН}" /style="width: 216px;">3 найдите код
<div class="input-box"> <div class="field name-lastname"> <label for="phone">Видео</label> <input name="form[Исходники_видео]" value="{FORM_Исходники_видео}" />минут </div> <div class="field name-lastname"> <label for="phone">Фото и графические материалы</label> <input name="form[Исходники_фото]" value="{FORM_Исходники_фото}" /> ед </div> <div class="field name-lastname"> <br><label for="phone">Желаемая продолжительность итогового видео</label> <div class="input-box"> <input name="form[Итог]" value="{FORM_Итог}" /> минут </div>
замените на
<div class="input-box"> <div class="field name-lastname"> <label for="phone">Видео</label> <input name="form[Исходники_видео]" value="{FORM_Исходники_видео}" /style="width: 80px;">минут </div> <div class="field name-lastname"> <label for="phone">Фото и графические материалы</label> <input name="form[Исходники_фото]" value="{FORM_Исходники_фото}" /style="width: 80px;"> ед </div> <div class="field name-lastname"> <br><label for="phone">Желаемая продолжительность итогового видео</label> <div class="input-box"> <input name="form[Итог]" value="{FORM_Итог}" /style="width: 80px;"> минут </div>
4 что конкретно Вы имеете ввиду
1) Код заменил, но шрифты не поменялись
4) Сейчас в поле ввода по умолчанию выводится такой текст "{FORM_Исходники_фото}". Как его убрать?
#4
Отправлено 09 Май 2014 - 17:46
yamamoto (09 Май 2014 - 13:12) писал:
1) Код заменил, но шрифты не поменялись
4) Сейчас в поле ввода по умолчанию выводится такой текст "{FORM_Исходники_фото}". Как его убрать?
4) Сейчас в поле ввода по умолчанию выводится такой текст "{FORM_Исходники_фото}". Как его убрать?
В атрибуте value переменные должны состоять из заглавных букв, тогда этот текст не будет выводиться в полях.
В ответ на 4,5 и 6:
в шаблоне "Связь с администрацией" замените
<li class="fields"> <div class="customer-name"> <div class="field name-firstname"> <label for="feedback_name" class="required"><em>*</em>Представьтесь пожалуйста</label> <div class="input-box"> <input id="feedback_name" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="input-text required"/> </div> <div class="field name-lastname"> <label for="feedback_email" class="required"><em>*</em>Электронная почта</label> <div class="input-box"> <input id="feedback_email" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="required email input-text"/> </div> <div class="field name-lastname"> <label for="phone">Телефон</label> <div class="input-box"> <input name="form[Телефон]" value="{FORM_ТЕЛЕФОН}" /style="width: 216px;"> </div> <br> <div class="field name-lastname"> <label for="ish">Количество исходных материалов</label> <div class="input-box"> <div class="field name-lastname"> <label for="phone">Видео</label><br> <input name="form[Исходники_видео]" value="{FORM_Исходники_видео}" /style="width: 80px;">минут </div> <br> <br> <div class="field name-lastname"> <label for="phone">Фото и графические материалы</label> <input name="form[Исходники_фото]" value="{FORM_Исходники_фото}" /style="width: 80px;"> ед </div> <div class="field name-lastname"> <br><label for="phone">Желаемая продолжительность итогового видео</label> <div class="input-box"> <input name="form[Итог]" value="{FORM_Итог}" /style="width: 80px;"> минут </div> </div> </div> </li>
на такой код
<li class="fields"> <div class="field name-firstname"> <label for="feedback_name" class="required"><em>*</em>Представьтесь пожалуйста</label> <div class="input-box"> <input id="feedback_name" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="input-text required"/> </div> </div> <div class="field"> <label for="feedback_email" class="required"><em>*</em>Электронная почта</label> <div class="input-box"> <input id="feedback_email" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="required email input-text"/> </div> </div> <div class="field"> <label for="phone">Телефон</label> <div class="input-box"> <input id="phone" name="form[Телефон]" value="{FORM_ТЕЛЕФОН}" style="width: 216px;"/> </div> </div> <div class="field"> <label for="ish_video">Количество исходных материалов видео</label> <input id="ish_video" name="form[Исходники_видео]" value="{FORM_ИСХОДНИКИ_ВИДЕО}" style="width: 80px;"/> минут </div> <div class="field"> <label for="ish_photo">Фото и графические материалы</label> <input id="ish_photo" name="form[Исходники_фото]" value="{FORM_ИСХОДНИКИ_ФОТО}" style="width: 80px;"/> ед </div> <div class="field"> <label for="itog">Желаемая продолжительность итогового видео</label> <input id="itog" name="form[Итог]" value="{FORM_ИТОГ}" style="width: 80px;"/> минут </div> </li>
А в шаблоне main.css замените
.form-list .field { float:left; width:275px; overflow:hidden; }на такой код
.form-list .field { overflow:hidden; margin: 10px 0;}
и этот код
.form-list label { float:left; color:#111; font-weight:bold; position:relative; z-index:0;font-size: 1.2em; }замените на такой
.form-list label { float:left; color:#111; font-weight:bold; position:relative; z-index:0;font-size: 1.2em; margin-right: 10px; }
#5
Отправлено 09 Май 2014 - 18:09
Супер! Спасибо!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных