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


Корректировка Формы Обратной Связи


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

#1 yamamoto

yamamoto

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

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

Отправлено 24 Апрель 2014 - 00:09

Здравствуйте!
Прошу помочь с корректировкой формы обратной связи. Примерно накидал как ее хотелось бы видеть, дальше мои познания в хтмл заканчиваются. Что хотелось бы сделать:

1) Сделать шрифт надписей "Видео", "Фото и графические материалы" и "Желаемая продолжительность итогового видео" таким же как шрифты телефона и имейла.
2) Поле телефона сделать по ширине таким же как поле имейла
3) Поля "Видео", "Фото и графические материалы" и "Желаемая продолжительность итогового видео" сделать примерно в 5 раз уже
4) Убрать белиберду из полей "Видео", "Фото и графические материалы" и "Желаемая продолжительность итогового видео"
5) Разместить поля "Видео", "Фото и графические материалы" и "Желаемая продолжительность итогового видео" справа от от носящихся к ним надписей
6) Сделать, чтобы форма работала, т.е при заполнении полей на почту приходила вся информация.

Аккаунт SL-286322

#2 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 24 Апрель 2014 - 15:19

Просмотр сообщенияyamamoto (24 Апрель 2014 - 00:09) писал:

Здравствуйте!
Прошу помочь с корректировкой формы обратной связи. Примерно накидал как ее хотелось бы видеть, дальше мои познания в хтмл заканчиваются. Что хотелось бы сделать:

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 yamamoto

yamamoto

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

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

Отправлено 09 Май 2014 - 13:12

Просмотр сообщенияИрина345 (24 Апрель 2014 - 15:19) писал:

Здравствуйте
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 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 09 Май 2014 - 17:46

Просмотр сообщенияyamamoto (09 Май 2014 - 13:12) писал:

1) Код заменил, но шрифты не поменялись
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 yamamoto

yamamoto

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

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

Отправлено 09 Май 2014 - 18:09

Супер! Спасибо!




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

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